innerHTML和innerText的用法

2024-07-21 02:04:20

字體：大中小

供稿：網(wǎng)友

用法：

在js中可以使用：

test.innerhtml:

　　也就是從對(duì)象的起始位置到終止位置的全部?jī)?nèi)容,包括html標(biāo)簽。
　　上例中的test.innerhtml的值也就是“<span style="color:red">test1</span> test2 ”。

test.innertext:

　　從起始位置到終止位置的內(nèi)容, 但它去除html標(biāo)簽
　　上例中的text.innertest的值也就是“test1 test2”, 其中span標(biāo)簽去除了。

test.outerhtml:

　　除了包含innerhtml的全部?jī)?nèi)容外, 還包含對(duì)象標(biāo)簽本身。
　　上例中的text.outerhtml的值也就是<div id="test"><span style="color:red">test1</span> test2</div>

完整示例：

<div id="test">
<span style="color:red">test1</span> test2
</div>

<a href="javascript:alert(test.innerhtml)">innerhtml內(nèi)容</a>
<a href="javascript:alert(test.innertext)">inerhtml內(nèi)容</a>
<a href="javascript:alert(test.outerhtml)">outerhtml內(nèi)容</a>

特別說(shuō)明：

　　innerhtml是符合w3c標(biāo)準(zhǔn)的屬性，而innertext只適用于ie瀏覽器，因此，盡可能地去使用innerhtml，而少用innertext，如果要輸出不含html標(biāo)簽的內(nèi)容，可以使用innerhtml取得包含html標(biāo)簽的內(nèi)容后，再用正則表達(dá)式去除html標(biāo)簽，下面是一個(gè)簡(jiǎn)單的符合w3c標(biāo)準(zhǔn)的示例：

上一篇：Firebug Lite使用在IE、Opera、Safari瀏覽器

下一篇：單擊按鈕復(fù)制定義好的內(nèi)容到剪貼板