nodeValue vs innerHTML和textContent。如何选择？
nodeValue vs innerHTML和textContent。如何选择？
提问于 2014-01-23 22:41:38
我使用普通的js来更改label元素的内部文本，但我不确定应该使用innerHTML、nodeValue还是textContent。我不需要创建新的节点，也不需要更改HTML元素或任何- just来替换文本。以下是代码的一个示例：
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的速度要快得多，有什么问题吗？它不是得到了广泛的支持吗？还有其他问题吗？
Stack Overflow用户
发布于 2014-09-18 01:33:00
.textContent输出text/plain，而.innerHTML输出text/html。
快速示例：
var example = document.getElementById('exampleId');
example.textContent = '<a href="https://google.com">google</a>';
输出: google
example.innerHTML = '<a href="https://google.com">google</a>';
输出：google
您可以从第一个示例中看到，浏览器不会解析text/plain类型的输出，因此会显示完整的内容。text/html类型的输出告诉浏览器在显示它之前对其进行解析。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21311299
复制相关文章
相似问题
腾讯云开发者
