document對象中有innerHTML、innerText這兩個屬性，都是獲取document對象文本內(nèi)容，但使用起來還是有區(qū)別的；

1） innerHTML設(shè)置或獲取標(biāo)簽所包含的HTML+文本信息(從標(biāo)簽起始位置到終止位置全部內(nèi)容，包括HTML標(biāo)簽，但不包括自身)

2） outerHTML設(shè)置或獲取標(biāo)簽自身及其所包含的HTML+文本信息（包括自身）

3） innerText設(shè)置或獲取標(biāo)簽所包含的文本信息（從標(biāo)簽起始位置到終止位置的內(nèi)容，去除HTML標(biāo)簽，但不包括自身）

4） outerText設(shè)置或獲取標(biāo)簽自身及其所包含的文本信息（包括自身）

innerText和outerText在獲取的時候是相同效果，但在設(shè)置時，innerText僅設(shè)置標(biāo)簽所包含的文本，而outerText設(shè)置包含包括標(biāo)簽自身在內(nèi)的文本。

示例代碼：

示例1： 

通過IE瀏覽器打開，彈出內(nèi)容為"hello world"和"hello world"

通過Firefox瀏覽器打開，彈出內(nèi)容為"hello world"和"undefined"

通過chrome瀏覽器打開，彈出的內(nèi)容為"hello world"和"hello world"

alert(content.outerHTML)則彈出："<p id="p1">hello world</p>"

示例2

通過IE瀏覽器打開，彈出內(nèi)容為"<p id="p1">hello world</p>"和"hello world"

通過Firefox瀏覽器打開，彈出內(nèi)容為"<p id="p1">hello world</p>"和"undefined"

通過chrome瀏覽器打開，彈出的內(nèi)容為"<p id="p1">hello world</p>"和"hello world"

alert(content.outerHTML)則彈出："<div id="d1"><p id="p1">hello world</p></div>"

綜上：innerHTML所有瀏覽器都支持，innerText是IE瀏覽器支持的，F(xiàn)irefox瀏覽器不支持。

不同之處：

1） innerHTML、outerHTML在設(shè)置標(biāo)簽之間的內(nèi)容時，包含的HTML會被解析；而innerText、outerText則不會；

2） innerHTML、innerText僅設(shè)置標(biāo)簽之間的文本，而outerHTML、outerText設(shè)置包含自身標(biāo)簽在內(nèi)文本

以上這篇詳談innerHTML innerText的使用和區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論