Почему объект JavaScript не будет отображаться более одного раза?

Question

Я пытаюсь создать список объектов в JS и создать их в классах. Мне нужно иметь возможность вызывать их по всему сайту с помощью простой переменной. Многие будут звонить более одного раза.

Когда я создаю объект в качестве идентификатора, я могу вызвать его в 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

Измените свой код следующим образом:

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

Answer 2

Вам нужно перебрать элементы, которые возвращает 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>