欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS获取CSS样式的三种方式

程序员文章站 2022-05-18 17:27:57
js获取css样式的三种方式 js获取css样式的三种方式 第一种获取非行间的样式: 使用getcomputedstyle与currentstyle属性获取样式 这里第一个参数值获取那个选择器的属性...

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