Javascript 什么'；许多用于向元素写入内容的函数之间的区别是什么？

有许多函数可用于将内容写入元素。是的

document.createTextNode()
innerHTML
insertAdjacentHTML()
textContent or innerText
nodeValue
createTextNode

我想知道这些方法和属性之间有什么区别？提前谢谢

---

我已经搜索了很多帖子，但是没有找到好的答案

有些是较新的，有些是专有的，有些是标准驱动的。根据这个基准测试（），像insertAdjacentHTML这样的新方法在我的浏览器上通常更快。如果您对兼容性感兴趣，MDN是一个很好的参考

---

我个人使用insertAdjacentHTML最多，因为我发现api是我见过的几个基准测试中最灵活、速度最快的。

我建议在MDN上查找它们。示例：。请注意，innerHTML、textContent、innerText和nodeValue不是函数。还要注意的是，它们与JavaScript没有特别的关系，它们是DOM API的一部分。最好和最有价值的解决方案是让您单独研究每一个，并自己判断差异。通过这种方式，您将学到最多。

innerHTML

、

textContent

、

innerText

和

nodeValue

不是函数，它们是现有元素的属性。