JavaScript系列之脚本化css

栏目: CSS · 发布时间: 6年前

内容简介:当一个css属性在JavaScript中对应的名字是保留字时,在之前加“css”前缀来创建合法的CSSStyleDeclaration名字。CSSStyleDeclaration对象的cssText属性可以用来设置style对象的值。所有的定位属性都必须包含单位。

当一个css属性在JavaScript中对应的名字是保留字时,在之前加“css”前缀来创建合法的CSSStyleDeclaration名字。

CSSStyleDeclaration对象的cssText属性可以用来设置style对象的值。

所有的定位属性都必须包含单位。

查询计算出的样式

getComputedStyle(element,null或空字符串或伪类)(非IE,返回CSSStyleDeclaration对象),
currentStyle(IE,返回CSSStyleDeclaration对象)

classList属性,

add()
remove()从元素的class属性中添加和清除一个类名。
toggle()表示如果不存在类名就添加一个;否则,删除它。
contains()方法检测class属性中是否包含一个指定的类名。
replace()用一个新类替换已有类。

开启和关闭样式表

document.styleSheets[0].disabled=false;

脚本化样式表

document.styleSheets[]数组的元素是CSSStyleSheet对象,CSSStyleSheet对象有一个cssRules[]数组,它包含样式表的所有规则。IE中使用rules代替cssRules。

标准的API接口定义了insertRule()和deleteRule()方法来添加和删除规则。

IE定义了大致等效的函数addRule()和removeRule()。仅有的不同是addRule()希望选择器文本和样式文本作为两个参数。

CSSStyleRule对象,selectorText,cssText,parentRule,parentStyleSheet,style,styleMap,type


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

网易一千零一夜

网易一千零一夜

网易杭研项目管理部 / 电子工业出版社 / 2016-9-1 / 46

本书是网易杭州研究院项目管理部多年来丰富的项目管理实践总结与干货分享。字字句句凝结了网易项目经理的甘与苦、汗与泪。 全书围绕项目管理体系,从敏捷实践、项目立项、需求管理、沟通管理,到计划进度管理、风险管理,真实反映了网易面向互联网产品项目管理实战经验与心路历程。 不论你是项目管理新手,还是资深项目经理,都可以从本书中获得启发与借鉴。一起来看看 《网易一千零一夜》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

MD5 加密
MD5 加密

MD5 加密工具