为什么 JavaScript 对象不会多次显示？

Question

我正在尝试在 JS 中创建对象列表并在 classes 中创建它们。我需要能够通过一个简单的变量在整个网站上调用它们。许多人会被调用不止一次。

当我创建对象时，作为 ID，我可以在 HTML 中调用它，但它只显示一次，如果需要我不能复制它。如果我以 class 格式创建对象，它根本不会显示。

我哪里错了？

或者这不是最好的方法吗？

var myObj, x;
myObj = {"session1":"NAVIGATING AND NETWORKING THE CONFERENCE"};
x = myObj.session1;
document.getElementsByClassName("session1").innerHTML = x;

<div class="session1"></div>
<br>
<div class="session1"></div>

Answer 1

您需要遍历 document.getElementsByClassName("session1"); returns 的元素，它是一个数组（您需要一个循环来设置所有这些元素的 innerHTML）。喜欢，

var myObj, x;
myObj = {"session1":"NAVIGATING AND NETWORKING THE CONFERENCE"};
x = myObj.session1;
elems = document.getElementsByClassName("session1");
for (var i = 0; i < elems.length; i++) {
    elems[i].innerHTML = x;
}

<div class="session1"></div>
<br />
<div class="session1"></div>

Answer 2

按以下方式更改您的代码：

var elements = document.getElementsByClassName("session1")
for(var i = 0; i < elements.length; i++){
  elements[i].innerHTML = x
}

为什么 JavaScript 对象不会多次显示？

Why won't JavaScript object display more than once?

javascript

html

getelementbyid

getelementsbyclassname