title: Why won't JavaScript object display more than once?
body: <p>I am trying to create a list of objects in JS and create them in classes. I need to be able to call them throughout the website by a simple variable. Many will be called more than once.</p>
  
  <p>When I create the object, as an ID, I can call it in the HTML, but it only displays once and I can't duplicate it if I need to. If I create the object in a class format, it won't display at all. </p>
  
  <p>Where am I going wrong?</p>
  
  <p>Or is this not the best way to accomplish this?  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myObj, x;
  myObj = {"session1":"NAVIGATING AND NETWORKING THE CONFERENCE"};
  x = myObj.session1;
  document.getElementsByClassName("session1").innerHTML = x;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="session1"&gt;&lt;/div&gt;
  &lt;br&gt;
  &lt;div class="session1"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>