innerText 与innerHTML区别

innerText 与innerHTML区别

innerText innerHTML是两个非DOM标准的方法
其区别如图所示:

 

 

在IE中 innerText 跟 innerHTML 两个方法都能正常运行

但是FF里面的innerText不可用,但是有一个替代方法: textContent

IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString; oDiv.innerHTML = aString;

innerHTMLouterHTMLinnerTextouterText这些都是相对于某个标签的id而言的,以下代码是可以直接运行看到区别的:
<div id="div">
    <font color="green"><h2>THis is Div</h2></font>
</div>
<input type="button" name="innerHTML" value="innerHTML" onclick="alert(div.innerHTML);"/>
<input type="button" name="outerHTML" value="outerHTML" onclick="alert(div.outerHTML);"/>
<input type="button" name="innerText" value="innerText" onclick="alert(div.innerText);">
<input type="button" name="outerText" value="outerText" onclick="alert(div.outerText);">
 

(1)name="innerHTML"运行结果:

(2)name="outerHTML"运行结果:

(3)name="outerHTML"与name="outerText"运行结果:


posted @ 2008-07-12 17:26  网络金领  阅读(5085)  评论(0编辑  收藏  举报