JavaScript TextNode 更新

Question

如果我有一个

var t = document.createTextNode(text)
parent.appendChild(t);

是否可以简单地更新t的内容？

我想在不使用 removeChild、createTextNode 和 appendChild 的情况下更改 parent 内的文本。 为什么我需要这个而不是仅仅使用 innerHTML ？ 因为我不想用 HTML 代码更新元素的内容，并且 text 可能包含特殊字符，例如 text 。 或& 它应该由 TextNode 的 DOM 方法解析。

谢谢，
汤姆

Answer 1

请注意，相邻的文本节点会合并为一个（因为实际上没有办法区分两个相邻的文本节点）。

文本节点的内容可以使用其 nodeValue 属性进行更新（请参阅 MDC）。

由于文本节点的定义不能包含任何标记，因此没有 innerHTML 属性。

Answer 2

如果保留 TextNode 对象的实例（示例代码中的 t ），那么您可以使用各种函数（如 ReplaceData()、substringData() 等）更改内容。

请参阅此页面以获得很好的参考：
http://msdn.microsoft.com/en-我们/库/ms535905(VS.85).aspx#

Answer 3

parent.innerText = text;

Answer 4

下面的示例代码用“新值”覆盖文本节点的“旧值”。

const textNode = document.createTextNode("Old Value");
parent.appendChild(textNode);

textNode.nodeValue = "New Value";