通过DOM向javascript中的现有文本元素添加文本

Question

我正在尝试如何将文本添加到已经有文本节点的p标记或h1标记中。

例如：

null

var t = document.getElementById("p").textContent;
var y = document.createTextNode("This just got added");

t.appendChild(y);

<p id="p">This is some text</p>

null

这段代码给出了一个错误：appendChild不是函数。大多数帮助页面首先创建p标记，然后追加文本。

向现有文本元素添加文本的正确方法是什么？

ps：我以前使用过innerHTML来实现这一点，但是出于学习的目的，我想在这里避免使用它。

Answer 1

appendChild不是函数的原因是您在p元素的textContent上执行它。

您只需选择段落本身，然后将新的文本节点追加到该段落：

null

var paragraph = document.getElementById("p");
var text = document.createTextNode("This just got added");

paragraph.appendChild(text);

<p id="p">This is some text</p>