Javascript

Topic: JS HTML DOM

How to Add new elements dynamically?

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>t1</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>

Browse random answers: