title: selecting second element child java-script
body: <p>Alight so i have 4 containers, when you click a button in a container a popup shows the image and heading of the container you clicked on i worked out how to do the image but i cant get the heading it is the second element child in the container. please note this is a school assignment and i can only use html css and java-script. please no hate im very new to this.
  Here is my code please help</p>
  
  <hr>
  
  <pre><code>document.getElementById('bigImage').src = 
   this.parentNode.firstElementChild.src;
  
  document.getElementById('title').textContent = 
  this.parentNode.second ElementChild.textContent;
  </code></pre>