JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<div id="Element_1">
  <p>Hello</p>
  <table>
    <tr>
      <td>
        <caption id="elementname_1"> </caption>
      </td>
    </tr>
  </table>
</div>

<button>click
</button>

JavaScript

document.getElementsByTagName('button')[0].addEventListener( 'click', function () {

	var div = document.getElementById('Element_1'),
  clone = div.cloneNode(true),
  length = document.querySelectorAll( 'div[id^=Element]' ).length;
	clone.id = "Element_" + (length + 1);
  clone.querySelector( '#elementname_1' ).id = 'elementname_' + (length + 1)
	document.body.appendChild(clone)
})