当前位置: 移动技术网 > IT编程>网页制作>CSS > JS获取CSS样式的三种方式

JS获取CSS样式的三种方式

2018年12月02日  | 移动技术网IT编程  | 我要评论

js获取css样式的三种方式

js获取css样式的三种方式

第一种获取非行间的样式:

使用getcomputedstyle与currentstyle属性获取样式

这里第一个参数值获取那个选择器的属性,第二个参数代表是否需要获取伪类元素

:before,:after等

if(obj.currentstyle){
    return obj.currentstyle[attr];
}else{
    return obj.getcomputedstyle(obj,null)[attr]
}

第二种获取行内样式:
直接使用dom对象进行访问

var dom = docment.getelementbyid('p');
//获取样式
var attr = dom.style.height
//设置样式
dom.style.height = 111+'px';

第三种:

obj.offsetattr

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网