Adding/Replacing DOM Content : DOM Content : Development : JavaScript DHTML examples (example source code) Organized by topic

JavaScript DHTML
C++
PHP


JavaScript DHTML  »  Development   » [  DOM Content  ]   
 



Adding/Replacing DOM Content

Please note that some example is only working under IE or Firefox.


/*
JavaScript Bible, Fourth Edition
by Danny Goodman 

Publisher: John Wiley & Sons CopyRight 2001
ISBN: 0764533428

*/


<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
























Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.