Javascript : How to replace HTML inside <div>?

Problem :

How to use Javascript to replace the HTML codes?

While attempting to show different content to visitors equipped with Ad block plugin. I need to figure out how to replace the HTML codes inside a <div> </div> block with Javascript.

Solution :

Use the document.getElementById("<replace with div id>").innerHTML function.

For example :

 <div id="content">
 <h1>Original content</h1>
 </div>

 <script type="text/javascript">
 document.getElementById("content").innerHTML='<h1>Modified content.</h1>';
 </script>