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>
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>
try:
<script type="text/javascript">
window.onload=function(){
document.getElementById("Div1").innerHTML = "<p>Hello</p>";
};</script>
The above method would replace the entire contents of the DIV. The DOM way would be like this:
Or, if you are using jQuery it's even easier:
<script type="text/javascript">
window.onload=function(){
var newP = document.createElement('p');
newP .innerHTML = "Hello";
document.getElementById("Div1").appendChild(newP);
};</script>
Or, if you are using jQuery it's even easier:
$("#Div1").append("<p>hello</p>");
Premium Content
You need an Expert Office subscription to comment.Start Free Trial