<div id=d><font color='red'>KangRi</color></div>
<input type="button"onclick="alert(d.outerHTML);d.outerHTML=d.outerHTML.replace(/red/,'green');" value="AddFace">
<input type="button"onclick="alert(d.outerHTML);d.outerHTML=d.outerHTML.replace(/red/,'green');" value="AddFace">
<div id=div1>
<p > this is some paragraph text</p>
<div > this is some div text</div>
<TABLE BORDER=1 >
<TR>
<TD>aa</TD>
<TD>bb</TD>
<TD>cc</TD>
</TR>
<TR>
<TD>11</TD>
<TD>22</TD>
<TD>33</TD>
</TR>
<TR>
<TD>XX</TD>
<TD>YY</TD>
<TD>ZZ</TD>
</TR>
</TABLE></div>
<INPUT type="button" value="Button"
onclick="changefont()">
<SCRIPT LANGUAGE=javascript>
<!--
function changefont(){
oa=div1.all;
le=oa.length;
for(var i=0;i<le;i++){
oa[i].style.fontSize='30px';
}
}
//-->
</SCRIPT>