テキストノード

Question

を作成する私は、段落

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

がどのようにJSを使用して、段落内のテキストを追加することができますか？

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

だから、最終的な出力は、あなたがdiv要素の中に新しいテキストを挿入することができ

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

Answer 1

です。これはあなたのために働く必要があります。

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

あなたがそうのようなリンクにそれをフックすることができたい場合：jsfiddle

Answer 2

FAAR良いアイデアは、テキストベース置くために<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作成する場合：どういたしまして@Becky

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

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