CodePen Embed - Create a New HTML Document with the DOMImplementation Interface

<h4>Create a New HTML Page using the <code>DOMImplementation</code> interface</h4>


<iframe src=""></iframe>

code {
	font-size: 13pt;
}

window.onload = () => {
  var doc = document.implementation.createHTMLDocument();
  doc.body.append('Hello World!');
  var iframeDoc = document.querySelector('iframe').contentDocument;
  iframeDoc.replaceChild(
    doc.documentElement, 
    iframeDoc.documentElement
  );
}

This Pen is owned by HONGKIAT on CodePen. It is a fork of this Pen.

See more by @hkdc on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.