正在创建文本节点

Creating text node

本文关键字：节点 文本 创建      更新时间：2023-09-26

我有一段

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

您可以在div中插入新文本

<div id="text">Student of Royal Institute!</div>
<script>
document.getElementById("text").innerHTML = "New text to put into div.";
</script>

如果你愿意，你可以把它挂到这样的链接上：jsfiddle

相关文章：