JS CSS style operation code (bulk operation) font: [Increase decrease] Type: Reprint time: 2009-10-09
With JS control CSS style, can make the Web page to achieve a good user experience and even the effect of animation. and take into account the efficiency. we use JS to write CSS styles usually in the following two ways:
In general, we use JS to set the style of the element object using this form:
Copy the Code code as follows:
var element= document.getElementById ("id");
Element.style.width= "20px";
Element.style.height= "20px";
element.style.border= "Solid 1px red";
But the above method has one drawback, the style is many, the code is a lot of, and through the JS to overwrite the object's style is a more typical way to destroy the original style and rebuild the process, this destruction and reconstruction, will increase the cost of the browser.
There is a Csstext method in JS:
The syntax is: Obj.style.cssText ("style");
The above code can be modified to:
Copy the Code code as follows:
element.style.csstext= "Width:20px;height:20px;border:solid 1px red;";
JS CSS style operation code (batch operation)
