textContent、innerText、innerHTML的區別和差異


textContent、innerText、innerHTML的區別和差異
1 、textContent屬性可以獲取指定節點的文本及其后代節點中文本內容,也包括<script>和<style>元素中的內容;

innerText也是獲取指定節點的文本及其后代節點中文本內容,但不能獲取<script>和<style>元素中的內容。

innerHTML是獲取HTML文本結構內容。

2、textContent會獲取display:none的節點的文本;而innerText好像會感知到節點是否呈現一樣,不作返回。

也就是說,textContent能夠獲取元素的所有子節點上的文本,不管這個節點是否呈現;而innerText只返回呈現到頁面上的文本。

3、要注意設置文本時被替換的可不只是文本了;這時textContent 、innerText屬性相當於innerHTML屬性,會把指定節點下的所有子節點也一並替換掉。

4、由於 innerText 受 CSS 樣式的影響,它會觸發重排(reflow),但 textContent 不會。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM