首頁 > web前端 > js教程 > innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧

innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧

WBOY
發布: 2016-05-16 16:09:39
原創
1671 人瀏覽過

innerHTML屬性用來讀取或設定某個節點內的HTML程式碼。

outerHTML屬性用來讀取或設定HTML程式碼時,會把節點本身納入。

textContent屬性用來讀取或設定節點所包含的文字內容。

innerText屬性和outerText屬性在讀取元素節點的文字內容時,得到的值是不一樣的。它們的不同之處在於設定一個節點的文字屬性時,outerText屬性會使得原來的元素節點被文字節點取代掉。請注意,innerText是非標準屬性,Firefox不支援。

1.innerText受CSS影響,textcontent沒有這個問題。例如,如果CSS規則隱藏了某段文本,innerText就不會回傳這段文本,textcontent則照樣回傳。

2.innerText回傳的文本,會過濾掉空格、換行和回車鍵,textcontent則不會

3.innerText屬性不是DOM標準的一部分,Firefox瀏覽器甚至沒有部署這個屬性,而textcontent是DOM標準的一部分。

以上就是本文的全部內容了,希望對大家學習熟悉javascript能有所幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板