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