innerText和textContent的區別

2021-09-25 16:42:31 字數 596 閱讀 1446

innertext 的值依賴於瀏覽器的顯示結果,textcontent 依賴於原始碼的顯示結果

123

abc輸出結果:

innertext:123 abc

textcontent:

123abc

如果乙個元素之間包含了script標籤或者style標籤,innertext是獲取不到這兩個元素之間的文字的,而textcontent可以。

123

輸出結果:

innertext:123

textcontent:

123var a = "xyz";

textcontent會把空標籤解析成換行(幾個空標籤就是幾行),innertext只會把block元素型別的空標籤解析換行,並且如果是多個的話仍看成是乙個,而inline型別的原素則解析成空格

123

abc輸出結果:

innertext: 123

abctextcontext:

123abc

innertext對ie相容性較好(ie6+),textcontent則相容ie9+

innerText和textContent的區別

innertext innerhtml 相同點 都可以獲取 或者設定文字內容 不同點 innertext獲取文字內容,不能獲取標籤,設定文字內容不會解析標籤名直接把標籤名當做文字在頁面中顯示 innerhtml獲取文字內容,會獲取標籤設定文字內容不會解析標籤名,直接把標籤名當做文字解析成標籤文字。自...

innerText和innerHtml的區別

innertext 跟innerhtml 是兩個非 dom標準的方法 其區別如圖所示 在ie中 innertext 跟 innerhtml 兩個方法都能正常執行 但是ff裡面的innertext不可用,但是有乙個替代方法 textcontent ie odiv.innertext astring o...

innerText和innerHTML的區別

通過document.getelementbyid users innerhtml,innerhtml會返回如下帶標籤的內容 張三id 1 age 18 gender true name 張三 李四id 2 age 18 gender false name 李四 王二id 3 age 18 gend...