javascript - 创建文本节点

我有一段

<p>Student of Royal Institute!</p>

如何使用js在段落中添加文本？

<p>Student <script>var textnode = document.createTextNode("Walter"); this.appendChild(textnode);</script> of Royal Institute!</p>

所以最终的输出是

<p>Student Walter of Royal Institute!</p>

最佳答案

最好的想法是使用<span>持有人将文本值放入

document.getElementById("name").innerHTML = "Walter";       // use for HTML
// document.getElementById("name").textContent = "Walter";  // OK for text

<p>Student <span id="name"></span> of Royal Institute!</p>

如果您确实要创建textNode：

var textnode = document.createTextNode("Walter");
document.getElementById("name").appendChild(textnode);

<p>Student <span id="name"></span> of Royal Institute!</p>