文章详情页
nodeValue vs innerHTML和textContent如何选择?
浏览:85日期:2024-05-10 08:54:08
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解决nodeValue vs innerHTML和textContent如何选择?? 将内容解析为HTML,因此需要更长的时间。 使用纯文本,不解析HTML,并且速度更快。 使用纯文本,不解析HTML,并且速度更快。 考虑样式。例如,它不会获取隐藏文本。
innerText根据caniuse的说法,直到fireFox45才在firefox中不存在,但现在所有主要浏览器都支持该功能。
解决方法我正在使用普通js来更改label元素的内部文本,但是我不确定应该基于什么理由使用innerHTML或nodeValue或textContent。我不需要创建新节点或更改HTML元素或其他任何内容,只需替换文本即可。这是代码示例:
var myLabel = document.getElementById('#someLabel');myLabel.innerHTML = 'Some new label text!'; // this worksmyLabel.firstChild.nodeValue = 'Some new label text!'; // this also works.myLabel.textContent = 'Some new label text!'; // this also works.
我浏览了jQuery源,它只使用一次nodeValue,但是多次使用innerHTML和textContent。然后,我发现此jsperf测试表明firstChild.nodeValue明显更快。至少这就是我的解释。
如果firstChild.nodeValue快得多,那么有什么收获呢?是否得到广泛支持?还有其他问题吗?
标签:
HTML
上一条:HTML标签上的非标准属性好东西吗 坏事?你的想法?下一条:Safari的html5 localStorage错误:“ QUOTA_EXCEEDED_ERR:DOM异常22:试图向存储中添加超出配额的内容”
相关文章:
1. mysql - SQL语句可以提供“查询表,并至第100条结果为止”吗?2. python - 正则表达式中,如果匹配到的字符串后一半刚好是下一个匹配字符串的前一半,怎么实现?3. android - 类似这样的recyclerview滑动效果4. javascript - 如何彻底禁止平板电脑上浏览器的手势缩放功能5. python - xpath提取网页路径没问题,但是缺失内容?6. javascript - js一个call和apply的问题?7. javascript - 给某个类添加一个伪类,这个类有click事件,现在我点击伪类也触发了click事件8. javascript - 前端开发 本地静态文件频繁修改,预览时的缓存怎么解决?9. node.js - JavaScript的一个不能理解的地方10. Eclipse / Java-导入java。(namespace)。*是否有害?
排行榜
