もクリックが起こったとクラスの変化の間にされた後のdivの内容を変更しようとすると、クラス

Question

<div class="button button1" id="content" onclick="toggleClass(event);">Stay Updated</div> 

<script> 
    function toggleClass(evt) { 
     var btn = evt.target; 

     if (btn.className == "button button1") { 
      btn.className = "info"; 
      btn.onclick = null; 
     } else { 
      btn.className = "button button1"; 
     } 
    } 
</script> 

---

を変化させているのdiv目的球の内容をReplaceing。

---

Answer 1

あなたにもエスケープ文字の世話をしますdocument.createTextNodeを使用してテキストノードを作成してみてください。

function toggleClass(event) { 
 
    var btn = evt.target; 
 
    //Clears the div 
 
    while(btn.firstChild){ 
 
     btn.removeChild(btn.firstChild); 
 
    } 
 

 
    if (btn.className == "button button1") { 
 
     btn.className = "info"; 
 
     btn.onclick = null; 
 
     
 
     //Append hello to the div 
 
     btn.appendChild(document.createTextNode('World')); 
 
    } else { 
 
     btn.className = "button button1"; 
 
     btn.appendChild(document.createTextNode('Hello')); 
 
    } 
 
}

<div class="button button1" id="content" onclick="toggleClass(event);">Stay Updated</div>