js控制css样式

cssText

cssText的本质就是设置HTML元素的style属性值。

用法：

ele.style.cssText = "color:red;font-size:13px;";

重置

ele.style.color = "red";
ele.style.backgroundColor = "green";

我们一般通过js设置元素都是使用以上的形式，这样子

ele.style.cssText = "";

将之前的样式都清空

提高性能

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

避免页面reflow，提高页面性能

以上导致问题：会重覆盖元素的style值

解决方法：

Element.style.cssText += ';width:100px;height:100px;top:100px;left:100px;'