ganhuihui2018-01-18 14:31:34 5 floor

Like+0

Add Reply

ganhuihui2018-01-18 14:30:34 4 floor

#test1 { width:300px; height:300px;

Like+0

Add Reply

reply <!DOCTYPE html> <html> <head> </head> <style> #test1 { width:300px; height:300px; background-color:blue; } </style> <body> <div id="test1"></div> </body> <script> function test1() { var a = document.getElementById('test1'); var finalStyle = a.currentStyle ? a.currentStyle : document.defaultView.getComputedStyle(a, null);/*Use to determine whether currentStyle is supported (whether it is ie) 13. Get style through different methods*/ if(finalStyle.backgroundColor=="rgb(0, 0, 255)"){ a.style.backgroundColor="red"; } else if(finalStyle.backgroundColor=="rgb(255, 0, 0)"){ a.style.backgroundColor="blue"; } } function addEvent(obj,type,handle){ try{ // Chrome, FireFox, Opera, Safari, IE9.0 and above obj.addEventListener(type,handle,false); }catch(e){ try{ // IE8.0 and below obj.attachEvent('on' + type,handle); }catch(e){ // Early browsers obj['on' + type] = handle; } } } window.onload = function(){ var element = document.getElementById("test1"); addEvent(element,"click",test1); } </script> </html>

***huihui author 2018-01-18 14:31:01

有人@我2017-12-25 17:31:29 3 floor

You can use addinventlisner() to listen for click events, initialize it to red, change it to blue when you click it for the first time, and then turn it to red when you click it again
##Preparation A class{background-color:#f00}, when you click it, add a class name to it, and when you click it again, let it remove the class name
You can use move in Remove event

Like+0

Add Reply