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 不會。
