繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js css样式操作代码（批量操作）
- Javascript
- JS 参数传递的实际应用代码分析
- prototype与jquery下Ajax实现的差别
- 用JS写的简单的计算器实现代码
- javascript 数组操作实用技巧
- JavaScript 中级笔记 第二章
- JavaScript 中级笔记 第三章
- JavaScript 中级笔记 第四章 闭包
- JavaScript 中级笔记 第五章 面向对象的基础
- Mootools 1.2教程 函数
- Mootools 1.2教程 事件处理
- 通过Mootools 1.2来操纵HTML DOM元素
- Mootools 1.2教程 设置和获取样式表属性
- Mootools 1.2教程 输入过滤第一部分（数字）
- Mootools 1.2教程 输入过滤第二部分（字符串）
- Mootools 1.2教程 Fx.Tween的使用
- Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
- MooTools 1.2中的Drag.Move来实现拖放
- Mootools 1.2教程 正则表达式
- Mootools 1.2教程 定时器和哈希简介
- Mootools 1.2教程 滚动条（Slider）
Javascript 中的 js css样式操作代码（批量操作）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 217 ::
收藏到网摘: 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
