繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js css样式操作代码（批量操作）
- Javascript
- 比较平滑的js控制textaera的高度
- 对JavaScript的eval()中使用函数的进一步讨论
- 发一个自己用JS写的实用看图工具实现代码
- 用JS操作FRAME中的IFRAME及其内容的实现代码
- 用vbs实现的连连看在线游戏
- 用js生产批量批处理执行命令
- [原创]js判断ie方法集锦（含正则）代码短小经典
- js tr控制下面的tbody隐藏和显示
- javascript网页关键字高亮代码
- js控制框架刷新
- 效率高的Javscript字符串替换函数的benchmark
- javascript之更有效率的字符串替换
- 很可爱的输入框
- javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
- top.location.href 没有权限 解决方法
- js模拟弹出效果代码修正版
- javascript 输入框提示列表效果
- Div Select挡住的解决办法
- 二级域名或跨域共享Cookies的实现方法
- Javascript与flash交互通信基础教程
Javascript 中的 js css样式操作代码（批量操作）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 476 ::
收藏到网摘: n/a
用js控制css样式，能让网页达到良好的的用户体验甚至是动画的效果。并且考虑到效率。 我们用js书写css样式通常会用下面的两种方式：
一般情况下我们用js设置元素对象的样式会使用这样的形式：
复制代码 代码如下:
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(”样式”)；
上面的代码我们可以修改成：
复制代码 代码如下:
element.style.cssText=”width:20px;height:20px;border:solid 1px red;”;
这种写法可以尽量避免页面的多次reflow，提高页面性能。
评论 (0) All
