1 2 3 4 5 6 7 8Document 9 14 15 16 1718 sssssssssssss1920 21 22 23 24 53 54
<!DOCTYPE html >
< html lang= "en" >
< head >
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
< title >Document </ title >
< style >
div.testClass {
background-color: gray;
}
< / style >
</ head >
< body >
< div id= "test" style= "width:250px;height:100px;" >
sssssssssssss
</ div >
< input type= "button" value= "toggleClassTest" onclick= "toggleClassTest();" />
</ body >
< script type= "text/javascript" >
function hasClass( obj, cls) {
return obj. className. match( new RegExp( '( \\ s|^)' + cls + '( \\ s|$)'));
}
function addClass( obj, cls) {
if (! this. hasClass( obj, cls)) obj. className += " " + cls;
}
function removeClass( obj, cls) {
if ( hasClass( obj, cls)) {
var reg = new RegExp( '( \\ s|^)' + cls + '( \\ s|$)');
obj. className = obj. className. replace( reg, ' ');
}
}
function toggleClass( obj, cls) {
if ( hasClass( obj, cls)) {
removeClass( obj, cls);
} else {
addClass( obj, cls);
}
}
function toggleClassTest() {
var obj = document. getElementById( 'test');
toggleClass( obj, "testClass");
}
< / script >
</ html >