How to set HTML content into an iframe using Javascript

In this article, you will learn how to set HTML content into an iframe using javascript.

Example One

<button onclick="run()">Run ></button> <iframe id="preview"></iframe> <script> function run() { document.getElementById('preview').contentWindow.document.body.innerHTML = "<h2>This is a heading tag.<h2>"; } </script>

In this example,you will learn how to add text in iframe from textarea.

Example Two

<textarea id="editor"> <marquee>A marquee tag</marquee> </textarea> <button onclick="run()">Run ></button> <iframe id="preview"></iframe> <script> function run() { document.getElementById('preview').contentWindow.document.body.innerHTML = document.getElementById('editor').value; } </script>