<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>
|