Question

I was wondering if it was possible to get Javascript to write some HTML onto the page in a certain DIV.

This is due to the fact, there are certain areas of the site where i don’t have access to the markup. But i would like to add a small section there.

For example the container i want to add some html to is
<div id=”topics”></div>

Is it possible to get Javascript to do this
<*div id=”topics”> <div id=”mysection”> </div> <*/div>

Many thanks!

Answer 1

This is fairly simple to do, even using plain JavaScript.

var topicsDiv = document.getElementById("topics");
topicsDiv.innerHTML = '<div id="mysection"> </div>';

If you’re going to be doing some serious DOM (Document Object Model, i.e. HTML structure) manipulation, however, then I would recommend you look into using the JQuery library. Yet if the task is limited to your question, then normal JavaScript should be fine, as shown above.