微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

nodeValue vs innerHTML和textContent如何选择?

如何解决nodeValue vs innerHTML和textContent如何选择?

  1. 内容解析为HTML,因此需要更长的时间。
  2. 使用纯文本,不解析HTML,并且速度更快。
  3. 使用纯文本,不解析HTML,并且速度更快。
  4. 考虑样式。例如,它不会获取隐藏文本。

innerText根据caniuse的说法,直到fireFox45才在firefox中不存在,但现在所有主要浏览器都支持功能

解决方法

我正在使用普通js来更改label元素的内部文本,但是我不确定应该基于什么理由使用innerHTML或nodeValue或textContent。我不需要创建新节点或更改HTML元素或其他任何内容,只需替换文本即可。这是代码示例:

var myLabel = document.getElementById("#someLabel");
myLabel.innerHTML = "Some new label text!"; // this works

myLabel.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快得多,那么有什么收获呢?是否得到广泛支持?还有其他问题吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。