content div element. vervangen werkt niet zoals ik wil

<div id="videoheaderpaul1">
   <p>dit is de oude content</p>
   </div>
   


   <div style="display:none;" id="nieuwecontent">
   <p>nieuwe content</p>
   <h1>h1 content</h1>
   <h2>h2 content</h2>
   </div>
   
   
   
   
   <button onclick = "replaceElement()"> Replace Element </button>
   
  
   
   
   <script>
      function replaceElement() {
         var newElement = document.createElement('div');
        

let code = document.getElementById("nieuwecontent").innerHTML;
   
newElement.textContent = code;
var oldElement = document.getElementById('videoheaderpaul1');
oldElement.replaceWith(newElement);
         
 newElement.setAttribute("id","para-1");
         
     }
   </script>

<div id="para-1">
   &lt;p&gt;nieuwe content&lt;/p&gt;
   &lt;h1&gt;h1 content&lt;/h1&gt;
   &lt;h2&gt;h2 content&lt;/h2&gt;
   </div>