将figcaption名称添加到h2

Question

我需要将选定的figcaption添加到h2。 这是代码

<div id="custom_form">

  <h2>Cars</h2>

  <div class="models">
    <div class="sections" onclick="buyclick1()">
      <img src="2.png" width="200px" ;>
      <figcaption>GX</figcaption>
    </div>
    <div class="sections" onclick="buyclick1()">
      <img src=" 3.png " width="200px ">
      <figcaption>GT</figcaption>
    </div>
  </div>
</div>

我该如何将figcaption名称添加到h2，考虑到它应该取决于单击的人？ 它看起来像在网上商店中，您可以在产品的类别和子类别之间进行切换（＃Cars> GT> Another categorie）。

Answer 1

您可以尝试以下方式：

var t = document.querySelector('h2').textContent;
function buyclick1(el){
  var h2El = document.querySelector('h2');
  h2El.textContent = t;
  var caption = el.children[1].textContent;
  h2El.textContent += ' >> ' + caption;
}

<div id="custom_form">

  <h2>Cars</h2>

  <div class="models">
    <div class="sections"  onclick="buyclick1(this)">
      <img src="2.png"  width="200px";>
      <figcaption>GX</figcaption>     
    </div>          
    <div class="sections"  onclick="buyclick1(this)">                
      <img src="3.png"  width="200px">

      <figcaption>GT</figcaption>

    </div>
  </div>    
</div>