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

Question

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

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

我哪里错了？

或者这不是实现这一目标的最佳方式吗？

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");返回的元素，它是一个数组（你需要一个循环来设置所有这些元素的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
}