innerText 和outerText 的區別

2021-08-25 16:04:51 字數 1086 閱讀 6041

hello, hellin zhang

.

hello, hellin zhang

outertext:

當您呼叫

屬性時理論上是

獲得開始標籤 和「

之間所有的

的 但是必須明確此時的操作也飽含了自身即

「div」 object .

所以本例讀取值

這與 沒有什麼區別.

如果你執行執行

那麼執行之後的結果是

hello, hellin zhang

變成了 text object (

即 換句話說

這個 沒了

而被你的乙個文件物件

」hellin love linda for ever.」

給換掉了.

innertext

只能工作在

的內部即開始標籤 和「

之間所有的

的 text value ,

但是它一定不包括自身物件

,這裡的

inner

就是這個含義

如果您只是讀取

的 那麼用

和outertext

是等效的

,它不同於

innerhtml

和outerhtml.

當您寫即你執行

後hello, hellin zhang

變成 並沒有銷毀.

換句話說

, inner

操作的是

tag內部的物件

不僅操作內部物件也包含了本身物件

.讀這些屬性值的過程中

,可能沒有區別

,但是賦值操作區別可就大了.

同理 只不過它們操作的不是

text

而是html. 注意

只支援其他都是微軟的

規定.(outerhtml,outertext,innertext

只有微軟的

好使 其他瀏覽器不好用

(firefox, mozilla等),

必須用其他方法實現

)

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