using Javascript to render a div tag

I have a html page.

Is there a way to use JavaScript to render a div that looks like this in the body section of my page. On page load.

<body>
<div id="Div1">
<p>Hello</p>
</div>
</body>

maqskywalker

Asked: 2016-07-14

Advertise Here

2 Solutions

LVL 82

hieloCommented: 2016-07-14

try:

<script type="text/javascript">
window.onload=function(){
   document.getElementById("Div1").innerHTML = "<p>Hello</p>";
};</script>

Open in new window

LVL 20

Russ SuterCommented: 2016-07-14

The above method would replace the entire contents of the DIV. The DOM way would be like this:

<script type="text/javascript">
window.onload=function(){
    var newP = document.createElement('p');
    newP .innerHTML = "Hello";
    document.getElementById("Div1").appendChild(newP);
};</script>

Open in new window

This would add a div to the existing parent element without replacing existing stuff.
Or, if you are using jQuery it's even easier: