用于将元素写入元素的许多函数之间有什么区别？

Question

可以使用许多函数将元素写入元素。他们是

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

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

我搜索过很多帖子但找不到任何好的答案。

Answer 1

有些比其他更新，有些是专有的，有些是由标准驱动的。根据此基准测试（http://jsperf.com/innerhtml-vs-insertadjacenthtml-vs-dom/9），我的浏览器上的insertAdjacentHTML等新方法通常更快。如果您对兼容性感兴趣，MDN是一个很好的用作参考的地方。

我个人最常使用insertAdjacentHTML，因为我发现api最灵活，也是我在几个基准测试中看到的最快的。