Home/ Questions/Q 8748203
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T12:29:03+00:00

<body> <div> <p id=test></p> </div> <script> // I’m trying to clone an element var

  • 0
<body>
<div>
    <p id="test"></p>
</div>
<script>
    //  I'm trying to clone an element
    var h1 = document.createElement('h1'); // I create <h1>
    h1.innerHTML('test'); // I put some text between this element <h1>test</h1>
    document.getElementById('test').appendChild(h1); // I add this h1 to <p id="test"><h1>test</h>
    var h1Clone = h1.cloneNode(true); // I use cloneNode to clone h1

    // Here I'll clone the <p> tag and add h1Clone to it
    var paragraph = document.getElementById('test'); // Look for id="test"
    paragraph.appendChild(h1); // Add h1 as <p>'s child
    var paragraphClone = paragraph.cloneNode(true); // Clone <p>
    paragraphClone.appendChild(h1Clone); // Add h1Clone as <p>'s (clone) child.

    paragraph.parentNode.appendChild(paragraphClone); // Finally I add <p>'s clone to <body> tag
</script>
</body>
</html>

Hello, I commented everything so you can understand what I’m trying to do..
Why can’t I make it working?

Here is the final html result that I’m trying to have:

<p id="test"><h1>test</h1></p>
<p id="test"><h1>test</h1></p> <-- clone ->
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    change h1.innerHTML = 'test'; instead of h1.innerHTML('test')

    • 0