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> 持有人将文本值放入

＆＃13;

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

＆＃13;

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

＆＃13;

如果您真的想要创建textNode：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您可以将新文本插入div中。这应该适合你：

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

如果您愿意，可以将其连接到类似的链接：jsfiddle

创建文本节点

2 个答案: