How to Add new elements dynamically?

Question

Amit Singh · Answer

Example:&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;&lt;head&gt;&lt;title&gt;Title of page&lt;/title&gt;&lt;script type="text/javascript"&gt;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);}&lt;/script&gt;&lt;/head&gt;&lt;body onload="addNode();" style=" background: url('../images/Sand-1280.jpg'); background-color: yellow;"&gt;&lt;p id="firstP"&gt;firstP&lt;p&gt;&lt;/body&gt;&lt;/html&gt;

interview

How to Add new elements dynamically?

Can you answer this question?

1 Answers