javascript - 创建文本节点

Question

我有一个段落

<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>

Answer 1

一个更好的主意是使用 <span> holder 将文本值放入

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>