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的内容。

Answer 1

您应该尝试使用document.createTextNode创建一个文本节点，它也会处理字符转义。

＆＃13;

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'));
    }
 }

＆＃13;

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

＆＃13;

替换也正在改变类的div功能的内容

1 个答案: