One, local change style
There are three ways to directly change styles, change classname, and change csstext
Change className:document.getElementById (' obj '). Classname= "..."
Change cssText:document.getElementById (' obj '). style.csstext= "width:20px; Border:solid 1px #f00; ";
Change the direct style: document.getElementById (' obj '). style.backgroundcolor= "#003366 ″
Two, the global change style
By changing the value of href in the chain style to achieve real-time page style switching, that is, "change the template style."
First you need to assign an ID to the target you want to change, such as
Copy Code code as follows:
<link rel= "stylesheet" type= "Text/css" id= "CSS" href= "Firefox.css"/>
It is simple to call, as
Copy Code code as follows:
<span onclick= "javascript:document.getElementById (' CSS '). href= ' ie.css '" > Dot i change style </span>
