Forum : How to Add new elements dynamically?
Brief description  about Online courses   join in Online courses
View Arun  Desai 's Profile

How to Add new elements dynamically?

hi,

How to Add new elements dynamically?
Asked by Arun Desai | Nov 27, 2009 |  Reply now
Replies (1)
View teacher siliconindia 's Profile
Hi arun,

Go through the code given below:


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title of page</title>
<script type="text/javascript">
function addNode() {
var newP = document.createElement("p");
var textNode = document.createTextNode(" I'm a new text node");
newP.appendChild(textNode);
document.getElementById("firstP").appendChild(newP);
}
</script>
</head>
<body onload="addNode();" style=" background: url('../images/Sand-1280.jpg'); background-color: yellow;">
<p id="firstP">firstP<p>
</body>
</html>
Nov 27, 2009