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


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

查看所有标签

猜你喜欢:

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

视觉链

视觉链

吴佳敏 / 机械工业出版社 / 59.00

这是一部能帮助视觉设计师开悟的著作,由携程网UED视觉高级经理撰写,是她9年互联网视觉设计经验的总结和奉献。 全书从设计师的专业能力、设计方向、设计技巧、设计理念、设计规范5个维度展开,其中前4项可以构成一个完整的视觉设计工作链,在这个链条上每一环都是后面一环的支撑,缺一不可。但是在这个链条之上必须配以设计规范,才能让这个链条更加稳固。因此本章主要分为5章: 第1章:首先介绍了互联网产......一起来看看 《视觉链》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器