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...