Javascript 如何在单击时切换元素的innerHTML

如何使用纯JS在单击时切换元素的innerHTML

(function(){
    var div = document.getElementById("hook");

    div.addEventListener("click", function(){
        div.innerHTML = "I've been clicked";
    }, false);
})();

最简单的方法（向您展示背后的想法）：

如果您希望它更高效，那么引入布尔变量来表示当前状态。

最简单的方法（向您展示其背后的思想）：

如果您想让它更高效，那么就引入布尔变量来表示当前状态。

试试这个

(function(){
            var div = document.getElementById("hook");
            var curText = div.innerText;
            div.addEventListener("click", function(){
            if(this.innerText == curText){
                 div.innerText = "I've been clicked";
            }
            else{
                    div.innerText = curText;
            }
            }, false);

        })();

这里是

试试这个

(function(){
            var div = document.getElementById("hook");
            var curText = div.innerText;
            div.addEventListener("click", function(){
            if(this.innerText == curText){
                 div.innerText = "I've been clicked";
            }
            else{
                    div.innerText = curText;
            }
            }, false);

        })();

这是