javascript - TextNode 还是 textContent？

Question

与直接设置其 textContent 相比，创建 TextNode 并将其附加到 HTML 元素有什么优势？

假设我有一个跨度。

var span = document.getElementById('my-span');

我想更改它的文本。使用有什么好处:

var my_text = document.createTextNode('Hello!');
span.appendChild(my_text);

结束

span.textContent = '你好';

Answer 1

这不是真正的优势问题，而是根据需要正确使用。

根本区别在于:

• createTextNode() 是一种方法，正如它的名字所说:它创建一个元素......然后你必须用它做一些事情(就像在你的例子中，你将它附加为 child )；
  因此，如果您想拥有一个新元素并将其放置在某处，它会很有用
• textContent 是您可以获取或设置的属性，只有一个唯一的声明；
  因此当您只想更改已存在元素的内容时它很有用

现在就您的问题而言，您说您想要更改元素的文本...
更清楚地说，你有以下 HTML 元素:

<span>Original text</span>

如果您使用的是第一个解决方案:

var my_text = document.createTextNode('Hello!');
span.appendChild(my_text);

然后它将结束于:

<span>Original textHello!</span>

因为您附加您的textNode。

所以你应该使用第二种解决方案。