如何在点击时切换元素的innerHTML [英] How to toggle the innerHTML of element on click

问题描述

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

 （function（）{
 var div = document.getElementById（hook）; 
 
 div.addEventListener（click，function（）{
 div.innerHTML =我已被点击; 
}，false）; 
}）（）; b 
 
 
 $ b 
 nofollow> http://jsfiddle.net/Z2UBs/1/  
解决方案
试试这个
 
 $ b $ 
 （function（）{
 var div = document.getElementById（hook）; 
 var curText = div。 innerText; 
 div.addEventListener（click，function（）{
 if（this.innerText == curText）{
 div.innerText =我已被点击; 
 
 else {
 div.innerText = curText; 
} 
}，false）; 
 
}）（）; 
  
这里是 jsfiddle  
 
How do I toggle an element's innerHTML on click with pure JS? 
(function(){
    var div = document.getElementById("hook");

    div.addEventListener("click", function(){
        div.innerHTML = "I've been clicked";
    }, false);
})();
http://jsfiddle.net/Z2UBs/1/
解决方案
Try this
(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);

        })();
Here is jsfiddle

                        
这篇关于如何在点击时切换元素的innerHTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！