改变html文档中的内容非常简单,这里提供四个属性,innerText,outerText,innerHTML,outerHTML。
innerText就是改变标签当中的内容,纯文本
innerHTML是改变标签中的内容,可以包含html标签
outerText是改变包含标签的内容,也就是替换了标签,纯文本
outerHTML是改变包含标签在内的内容,也是替换标签,可以包含html代码
例:
<H1 id=myH1>Dynamic Content is Very Cool!</H1>
用innerText:
document.all.myH1.innerText = "DHTML is Very Cool"
变成:
<H1 id=myH1>DHTML is Very Cool</H1>
用innerHTML:
document.all.myH1.innerHTML = "DHTML is <I>Very</I> Cool!"
变成:
<H1 id=myH1>DHTML is <I>Very</I> Cool!</H1>
用outerText:
document.all.myspan.outerText = "DHTML is VERY Cool!"
变成:
DHTML is VERY Cool!
用outerHTML:
document.all.myH1.outerHTML = "<SPAN STYLE=’height:0;200;FILTER:Shadow(color=#00FF00)’>RICH HTML</SPAN>
变成:
<SPAN STYLE=’height:0;200;FILTER:Shadow(color=#00FF00)’>RICH HTML</SPAN>