Use cssText to batch modify styles_javascript skills

Copy code The code is as follows:

var element= document.getElementById("id");
element.style.width="20px";
element.style.height="20px";
element.style.border="solid 1px red";

Style Yiduo , there is a lot of code; and overwriting the style of an object through JS is a typical process of destroying the original style and rebuilding it. This destruction and rebuilding will increase the browser's overhead.
There is a cssText method in js:
The syntax is: obj.style.cssText="style";
We can modify the above code to: Thanks to sliuqin for his correction in the message
element .style.cssText("width:20px;height:20px;border:solid 1px red;")
The following is correct

Copy code The code is as follows:

element.style.cssText="width:20px;height:20px;border:solid 1px red;";

In this way, page reflow can be avoided as much as possible and page performance can be improved.