<HTML>
<HEAD><TITLE>Dynamic Content 1</TITLE>
<SCRIPT LANGUAGE="JScript">
function changeMe() {
    document.all.MyHeading.outerHTML = 
	"<H1 ID=MyHeading>Dynamic HTML!</H1>";
    document.all.MyHeading.style.color =
	"green";
    document.all.MyText.innerText = 
	"InnerText method changes just text";
    document.all.MyText.style.fontFamily ="sans-serif";
    document.body.insertAdjacentHTML
	("BeforeEnd", 
	"<P ALIGN=\"center\">Added Text.</P>");
}
</SCRIPT>
<BODY onclick="changeMe()">
<H3 ID=MyHeading>This text appears before 
    the click.</H3>
<P ID=MyText STYLE= "font-family:serif">
Click anywhere in this document.</P>
</BODY>
</HTML>