innerText和textContent對比及使用介紹_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:07:32
innerText和textContent對比及使用介紹_javascript技巧
innerText和textContent對比及使用介紹_javascript技巧:今天在使用innerText時遇到一個兼容性問題,FireFox不支持innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來獲取(設置)元素中text的方法。語法 •設置 代碼如下: element
導讀innerText和textContent對比及使用介紹_javascript技巧:今天在使用innerText時遇到一個兼容性問題,FireFox不支持innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來獲取(設置)元素中text的方法。語法 •設置 代碼如下: element

今天在使用innerText時遇到一個兼容性問題,FireFox不支持innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來獲取(設置)元素中text的方法。
語法
•設置
代碼如下:
element.textContent = “text”;
•獲取
代碼如下:
var text = element.textContent;
代碼如下:
Note: textContent和innerText類似,也會同時獲取子元素的text content,比如
this is a text!
// div.textContent == "this is a text!"
與innerText的區別
•textContent會獲取所有元素的content,包括`
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
innerText和textContent對比及使用介紹_javascript技巧
innerText和textContent對比及使用介紹_javascript技巧:今天在使用innerText時遇到一個兼容性問題,FireFox不支持innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來獲取(設置)元素中text的方法。語法 •設置 代碼如下: element