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

Adding/Replacing DOM Content

<TITLE>A Simple Page</TITLE>
function modify() {
    var newElem = document.createElement("P") = "newP"

    var newText = document.createTextNode("This is the second paragraph.")
    document.getElementById("emphasis1").childNodes[0].nodeValue = "first "
<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> 


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