javascript - 如何使用类名作为预定义变量？

Question

如何使用 DOM 类名来引用与 JavaScript 类名同名的预定义变量？

例如:

<div class="someContent"></div>

//JS
var someContent = "this is a JS variable";

div = document.querySelector(".someContent");

div.innerHTML = div.className;

这个输出:

<div class="someContent">someContent</div>

但我正在尝试输出:

<div class="someContent">this is a JS variable</div>

使用类名链接到我的变量。有没有办法使用类名来引用变量而不是实际的类名？

请不要使用 jQuery。

这是我正在研究的 fiddle http://jsfiddle.net/f6WpJ/

Answer 1

您可以使用对象并在对象内部存储值:

var data = {someContent : "this is a JS variable"};

div = document.querySelector(".someContent");

div.innerHTML = data[div.className];

Fiddle