原声js写css常用的三种方法
2016-11-21 22:48
239 查看
// 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式
var obj = document.getElementById('box');
obj.style.background = 'black';
// 二、通过Element对象的getAttribute()、setAttribute()、removeAttribute()直接读写style属性
// obj.setAttribute('style','background:red;width:30px;height:30px;');
// 三、通过CSSStyleDeclaration对象的cssText属性和setProperty()、removeProperty等方法
obj.style.cssText ='background:red;width:30px;height:30px';
obj.style.removeProperty('background');//需区分removeProperty和removeAttribute的区别
removeAttribute删除指定的属性,removeProperty删除指定样式,
obj.style.setProperty('background', 'green', 'important');
obj.style.cssText = ''; //快速清空该规则的所有声明
这里讲解的更详细:http://www.cnblogs.com/susufufu/p/5749922.html
var obj = document.getElementById('box');
obj.style.background = 'black';
// 二、通过Element对象的getAttribute()、setAttribute()、removeAttribute()直接读写style属性
// obj.setAttribute('style','background:red;width:30px;height:30px;');
// 三、通过CSSStyleDeclaration对象的cssText属性和setProperty()、removeProperty等方法
obj.style.cssText ='background:red;width:30px;height:30px';
obj.style.removeProperty('background');//需区分removeProperty和removeAttribute的区别
removeAttribute删除指定的属性,removeProperty删除指定样式,
obj.style.setProperty('background', 'green', 'important');
obj.style.cssText = ''; //快速清空该规则的所有声明
这里讲解的更详细:http://www.cnblogs.com/susufufu/p/5749922.html
相关文章推荐
- 三种常用的js数组去重方法
- 在网页中JS函数自动执行常用三种方法
- 在网页中JS函数自动执行常用三种方法
- js数组去重的三种常用方法总结
- 在网页中JS函数自动执行常用三种方法
- js数组去重的三种常用方法总结
- js数组去重的三种常用方法总结
- js数组去重的三种常用方法总结
- 二级下拉菜单的三种实现方法——CSS 、JS、 jQuery
- 网页中JS函数自动执行常用三种方法
- 三种常用的js数组去重方法
- 三种常用的js数组去重方法
- 三种常用的js数组去重方法
- 网页中JS函数自动执行常用三种方法
- CSS清除浮动常用的三种方法
- js数组去重的三种常用方法总结
- 在网页中JS函数自动执行常用三种方法
- js,css三种方法解决IE6下position:fixed的Bug以及闪动问题
- js数组去重的三种常用方法总结
- 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数