Mega Code Archive

 
Categories / JavaScript DHTML / Development
 

AddingReplacing DOM Content

<HTML>  <HEAD>  <TITLE>A Simple Page</TITLE> <SCRIPT LANGUAGE="JavaScript"> function modify() {     var newElem = document.createElement("P")     newElem.id = "newP"     var newText = document.createTextNode("This is the second paragraph.")     newElem.appendChild(newText)     document.body.appendChild(newElem)     document.getElementById("emphasis1").childNodes[0].nodeValue = "first " } </SCRIPT> </HEAD>  <BODY>  <BUTTON onClick="modify()">Add/Replace Text</BUTTON> <P ID="paragraph1">This is the <EM ID="emphasis1">one and only </EM>paragraph on the page.</P>  </BODY>  </HTML>