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