JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<div id="outer">
    <p>test</p>
    <div id="inner">inner</div>
</div>

JavaScript

function outerHTML(node){
    // if IE, Chrome take the internal method otherwise build one
  return node.outerHTML || (
      function(n){
          var div = document.createElement('div'), h;
          div.appendChild( n.cloneNode(true) );
          h = div.innerHTML;
          div = null;
          return h;
      })(node);
  }

var outer = document.getElementById("outer");
var inner = document.getElementById("innder");
console.log(inner);
if (inner !== null){ 
    outer.innerHTML = outerHTML(inner);
}