Adding/Replacing DOM Content : DOM Content « Development « JavaScript DHTML






  1. JavaScript DHTML
  2. Development
  3. DOM Content

Adding/Replacing 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>








Related examples in the same category

1.Define a NodeFilter function to accept only 'img' elements
2.CSS style sheet a 'window' visual effect
3.Check DOM Node object whether represents an HTML tag
4.If a DOM Node object is a Text object
5.recursively looks at node n and its descendants: replacing with their uppercase equivalents
6.Creating a Table: Using the insertBefore Method with DOM
7.Navigating Documents
8.A DOM Core Document Analyzer
close