摘要:今天在使用時遇到一個兼容性問題,不支持方法,查了,發現下有個類似的方法,叫,它和的類似,都是用來獲取設置元素中的方法。
今天在使用innerText時遇到一個兼容性問題,FireFox不支持innerText方法,查了MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來獲取(設置)元素中text的方法。
語法設置
element.textContent = “text”;
獲取
var text = element.textContent;
Note: textContent和innerText類似,也會同時獲取子元素的text content,比如
與innerText的區別this is a text!// div.textContent == "this is a text!"
textContent會獲取所有元素的content,包括和元素
innerText不會獲取hidden元素的content,而textContent會
innerText會觸發reflow,而textContent不會
innerText返回值會被格式化,而textContent不會
主流瀏覽器支持情況IE 9+
Chrome 1+
FireFox(Gecko)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78559.html
摘要:會省略內嵌的標簽名,所以文本的只顯示了的內容,并沒有顯示的標簽名也必須是標簽對的形式刪除了格式信息,所有文本均在一行,所以文本的內容都在一行。也用來設置或獲取成對標簽之間的內容,并且只關注文本信息。之前,是不支持的。是的親兒子,放心用吧。 原文地址:https://www.xksblog.top/innerHTML-innerText-textContent-outerHTML-val...
摘要:在操作中,我們如果要獲取和修改節點的的文本,就離不開或屬性。其中作為標準方法,但無奈要而屬性最近也被火狐支持了,已經成了不是標準的標準參考。 在DOM操作中,我們如果要獲取和修改節點的的文本,就離不開textContent或innerText屬性。其中textContent作為標準方法,但無奈要IE8+;而innerText屬性最近也被火狐支持了,已經成了不是標準的標準(參考)。也就是...
摘要:實時可以傳參返回包括了所有名字符合指定條件的元素實時可以傳參用于選擇擁有屬性的元素比如和等返回匹配指定屬性的元素節點。返回位于頁面指定位置最上層的子節點。此外,使用可以防止攻擊。而自身不在存在于創建它時所在的位置。 1. 獲取某個 dom 元素的方式 //節點集合屬性(元素節點選?。?document.all //返回文檔中所有元素 document.links //返回當前文...
摘要:一個元素的內容到底是指什么特別是對于那些有子節點的元素。對于這種類型的,和返回的結果也不同。假如我們有這樣的一段代碼我們對分別取和,得到的結果如下還是會把里面的內容返回來,但是則不會。 一個HTML元素的內容到底是指什么?特別是對于那些有子節點的HTML元素。1: 首先來看一下可以獲取HTML元素的內容的方式有哪些: 1: element.innerHTML 2: element.o...
摘要:原理分析獲取選擇文本通過即可獲得一個對象,再利用即可獲得選擇的文本。所以我們還需要遍歷兄弟和父節點來獲取完整的句子。實現選擇文本先獲取文本,如果沒有則退出獲取首部對于只考慮節點,通過獲取選擇在的前半段內容。 最近收到一個 issue 期望能在劃詞的時候同時保存單詞的上下文和來源網址。這個功能其實很久之前就想過,但感覺不好實現一直拖延沒做。真做完發現其實并不復雜,完整代碼在這里,或者繼續...
閱讀 3684·2021-11-25 09:43
閱讀 2600·2021-11-18 13:11
閱讀 2195·2019-08-30 15:55
閱讀 3272·2019-08-26 11:58
閱讀 2823·2019-08-26 10:47
閱讀 2230·2019-08-26 10:20
閱讀 1271·2019-08-23 17:59
閱讀 2999·2019-08-23 15:54