摘要:今天在使用时遇到一个兼容性问题,不支持方法,查了,发现下有个类似的方法,叫,它和的类似,都是用来获取设置元素中的方法。
今天在使用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)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/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 期望能在划词的时候同时保存单词的上下文和来源网址。这个功能其实很久之前就想过,但感觉不好实现一直拖延没做。真做完发现其实并不复杂,完整代码在这里,或者继续...
阅读 3683·2021-11-25 09:43
阅读 2599·2021-11-18 13:11
阅读 2193·2019-08-30 15:55
阅读 3271·2019-08-26 11:58
阅读 2823·2019-08-26 10:47
阅读 2229·2019-08-26 10:20
阅读 1270·2019-08-23 17:59
阅读 2997·2019-08-23 15:54