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 to use this form:
Copy 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 a disadvantage, the style of a lot of code, and through JS to overwrite the style of the object is a more typical destruction of the original style and rebuild the process, such destruction and reconstruction, will increase the cost of the browser.
JS has a Csstext method:
The syntax is: Obj.style.cssText ("style");
The code above can be modified to:
Copy Code code as follows:
element.style.csstext= "Width:20px;height:20px;border:solid 1px red;";
This kind of writing can try to avoid the multiple reflow of the page, improve the page performance.
