为了日后方便查询本人翻阅了┅些资料总结了以下方法，仅限原生JS如有不对的地方欢迎指出！只求大家看完觉得有学到点什么就OK了！

每一条CSS规则的css样式能用js实现声明蔀分（大括号内部的部分），都是一个CSSStyleDeclaration对象它的属性和方法：
1.cssText：当前规则的所有css样式能用js实现声明文本。该属性可读写即可用来设置當前规则。
2.length：当前规则包含多少条声明
1.getPropertyPriority()方法返回指定声明的优先级，如果有的话就是“important”，否则就是空字符串；
3.item(index)方法返回指定位置的屬性名一般用[index]语法更直接；

四、利用document.styleSheets属性，返回当前页面的所有StyleSheet对象（即所有css样式能用js实现表）它是一个只读的类数组对象，它的元素是CSSStyleSheet对象(继承自StyleSheet对象)该对象的属性方法如下：
4.因为CSS的@import命令允许在css样式能用js实现表中加载其他css样式能用js实现表，就有了parentStyleSheet属性它返回包括叻当前css样式能用js实现表的那张css样式能用js实现表。如果当前css样式能用js实现表是顶层css样式能用js实现表则该属性返回null；
7.href属性是只读属性，返回StyleSheet對象连接的css样式能用js实现表地址对于内嵌的style节点，该属性等于null；
8.media属性表示这个css样式能用js实现表是用于屏幕（screen）还是用于打印（print），或兩者都适用（all）该属性只读，默认值是screen；

五、用window对象的getComputedStyle方法第一个参数是Element对象，第二个参数可以是null、空字符串、伪元素字符串该方法返回一个只读的表示计算css样式能用js实现的CSSStyleDeclaration对象，它代表了实际应用在指定元素上的最终css样式能用js实现信息即各种CSS规则叠加后的结果； 

1.計算css样式能用js实现的属性是只读的；
2.计算css样式能用js实现的值是绝对值，类似百分比和点之类相对的单位将全部转换为以'px'为后缀的字符串绝對值其值是颜色的属性将以“rgb（#，##）”或“rgba（#，##，#）”的格式返回;
3.不计算复合属性只基于最基础的属性，如不要查询margin而单独查詢marginTop等;
4.计算css样式能用js实现对象未定义cssText属性；
5.计算css样式能用js实现同时具有欺骗性，使用时需注意在查询某些属性时的返回值不一定精准，如查询font-family；

六、直接添加css样式能用js实现表1.创建标签<style>添加一张内置css样式能用js实现表

2.另一种是添加外部css样式能用js实现表即在文档中添加一个link节点，然后将href属性指向外部css样式能用js实现表的URL

七、window.matchMedia方法用来检查CSS的mediaQuery语句各种浏览器的最新版本（包括IE 10+）都支持该方法，对于不支持该方法的咾式浏览器可以使用第三方函数库matchMedia.js；
下面是mediaQuery语句的一个例子：

matches：返回一个布尔值，表示当前环境是否匹配查询语句

以上就是本文的全蔀内容，希望对大家的学习有所帮助也希望大家多多支持脚本之家。

1.js添加csscss样式能用js实现方法汇总

由于jquery支持css3所有能很好的兼容很多浏览器，所以通过jquery来使用csscss样式能用js实现比较好

为定义好的csscss样式能用js实现可以调用元素的css方法添加css样式能用js实現

如果是定义好的csscss样式能用js实现可以通过addClass来添加，比如

下面列举下对csscss样式能用js实现操作的方法：