textContent和innerText屬性

eechen 發布于2019-08-19 18:12 / 3199人閱讀

摘要：在操作中，我們如果要獲取和修改節點的的文本，就離不開或屬性。其中作為標準方法，但無奈要而屬性最近也被火狐支持了，已經成了不是標準的標準參考。

在DOM操作中，我們如果要獲取和修改節點的的文本，就離不開textContent或innerText屬性。其中textContent作為標準方法，但無奈要IE8+；而innerText屬性最近也被火狐支持了，已經成了不是標準的標準（參考）。也就是說，如果只考慮最新瀏覽器的話這兩個方法都是可以使用的，那他們到底使用時有何不同呢？先上代碼：

    testtest

運行上述代碼，結果為：

可看到存在兩個差異：

textContent會獲取style元素里的文本（若有script元素也是這樣），而innerText不會

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

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

當然，除了獲取文本，這兩個元素也可以設置元素的文本內容，不過要注意設置文本時被替換的可不只是文本了；這時，兩個屬性作用相當于innerHTML屬性，會把指定節點下的所有子節點也一并替換掉。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79303.html

innerHTML、innerText、textContent、outerHTML和value，傻傻

摘要：會省略內嵌的標簽名，所以文本的只顯示了的內容，并沒有顯示的標簽名也必須是標簽對的形式刪除了格式信息，所有文本均在一行，所以文本的內容都在一行。也用來設置或獲取成對標簽之間的內容，并且只關注文本信息。之前，是不支持的。是的親兒子，放心用吧。原文地址：https://www.xksblog.top/innerHTML-innerText-textContent-outerHTML-val...

HollisChuang 2019-08-23 11:35 評論0 收藏0
關于DOM的問題筆記

摘要：實時可以傳參返回包括了所有名字符合指定條件的元素實時可以傳參用于選擇擁有屬性的元素比如和等返回匹配指定屬性的元素節點。返回位于頁面指定位置最上層的子節點。此外，使用可以防止攻擊。而自身不在存在于創建它時所在的位置。 1. 獲取某個 dom 元素的方式 //節點集合屬性（元素節點選取） document.all //返回文檔中所有元素 document.links //返回當前文...

FullStackDeveloper 2019-08-22 10:54 評論0 收藏0
JavaScript DOM 5 － HTML元素的內容

摘要：一個元素的內容到底是指什么特別是對于那些有子節點的元素。對于這種類型的，和返回的結果也不同。假如我們有這樣的一段代碼我們對分別取和，得到的結果如下還是會把里面的內容返回來，但是則不會。一個HTML元素的內容到底是指什么？特別是對于那些有子節點的HTML元素。1: 首先來看一下可以獲取HTML元素的內容的方式有哪些： 1: element.innerHTML 2: element.o...

Harpsichord1207 2019-08-20 17:29 評論0 收藏0
innerText和textContent

摘要：今天在使用時遇到一個兼容性問題，不支持方法，查了，發現下有個類似的方法，叫，它和的類似，都是用來獲取設置元素中的方法。今天在使用innerText時遇到一個兼容性問題，FireFox不支持innerText方法，查了MDN，發現FireFox下有個類似的方法，叫textContent，它和IE的innerText類似，都是用來獲取（設置）元素中text的方法。語法設置 elem...

ephererid 2019-08-19 17:28 評論0 收藏0
高程3總結#第11章DOM擴展

摘要：操作類名時可以通過屬性添加刪除和替換類名。如果將可選的參數設置為，則表示盡量將元素顯示在視口中部垂直方向。將元素的內容滾動指定的頁面高度，具體高度由元素的高度決定。 DOM擴展選擇符API querySelector()方法 querySelector()方法接收一個CSS選擇符，返回與該模式匹配的第一個元素，如果沒有找到匹配的元素，返回null //取得body元素 var b...

cucumber 2019-08-23 12:00 評論0 收藏0