innerText和innerHTML的區別

2021-08-17 08:50:43 字數 765 閱讀 9337

通過document.getelementbyid('users').innerhtml,innerhtml會返回如下帶標籤的內容:

"

張三id: 1

age: 18

gender: true

name: 張三

李四

id: 2

age: 18

gender: false

name: 李四

王二

id: 3

age: 18

gender: true

name: 王二

通過document.getelementbyid('users').innertext,innertext會僅返回內容:

"張三

id: 1

age: 18

gender: true

name: 張三

李四id: 2

age: 18

gender: false

name: 李四

王二id: 3

age: 18

gender: true

name: 王二

除上面不同之外,innertext在低版本的火狐瀏覽器不支援,需要使用textcontent,即這裡的是document.getelementbyid('users').textcontent。

innerText和textContent的區別

innertext 的值依賴於瀏覽器的顯示結果,textcontent 依賴於原始碼的顯示結果 123 abc輸出結果 innertext 123 abc textcontent 123abc如果乙個元素之間包含了script標籤或者style標籤,innertext是獲取不到這兩個元素之間的文字的...

innerText和textContent的區別

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

innerText和innerHtml的區別

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