用cssText批量修改样式
2009-08-29 00:00
127 查看
var element= document.getElementById("id"); element.style.width="20px"; element.style.height="20px"; element.style.border="solid 1px red";
样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。
js中有一个cssText的方法:
语法为:obj.style.cssText="样式";
上面的代码我们可以修改成:感谢sliuqin的在留言中的斧正
element.style.cssText("width:20px;height:20px;border:solid 1px red;")
下面是是正确的
element.style.cssText="width:20px;height:20px;border:solid 1px red;";
这样就可以尽量避免页面reflow,提高页面性能。
相关文章推荐
- 用cssText批量修改样式
- js中cssText批量修改元素样式
- 用cssText批量修改样式
- 如何修改input[type="file"]的默认样式
- 修改EditText为默认样式
- IntelliJ IDEA设置修改字体大小与样式
- 修改 fileupload 样式
- 修改TabHost标签的字体样式
- 纯CSS修改浏览器的默认滚动条样式
- input 默认边框样式的修改
- 修改系统默认 alert 弹框样式
- eclipse修改文件打开的默认样式
- Ajax实现网易相册样式的修改
- 隐藏表单 radio的圈圈,用label代替按钮(加上bootstrap或其它修改样式达到美观)
- 修改tableView控件分类显示的样式
- mui.prompt 样式修改/自定义
- 修改sharepoint列表样式
- vue组件中的样式属性:scoped,解决在父组件中无法修改子组件样式问题
- 标注样式:创建、修改和置为当前
- Android 从小白到大拿之路——计算器_修改按钮样式