如何通过源生js获取一个元素的具体样式值 /* getCss：获取指定元素的具体样式的属性值 curElement:[dom对象] attr:[string] ...

昨天的博客些的真的是惨不忍睹啊！！！但是我的人生宗旨就是将不要脸的精神进行到底，所以，今天我又来了。哈哈哈哈哈！

方法一：元素.style.属性名：（这个有局限性--只能获取行内样式的值，对于样式表或者外链样式设置的值是获取不到，因此这个方法在实际项目中用的会比较少。

方法二:通过window.getComputedStyle(dom,null).属性名来获取（针对标准浏览器），在非标准浏览器中这个方法是没有的，我们可以用currentStyle--dom.currentStyle.属性名来实现。通过这个我们可以得到一个css的实例对象。里边有各种属性。大家有兴趣可以看一下。

还是一样，为了方便，咱们给这个功能来个函数，以后直接调用就好了，不废话，直接上代码

/*
 getCss：获取指定元素的具体样式的属性值
 curElement:[dom对象]
 attr:[string]
 */

function getCss(curElement, attr) {
    var reg = null;
    var val = null;
    if (window.getComputedStyle) {
        val = window.getComputedStyle(curElement, null)[attr];
    }
    else {
        val = curElement.currentStyle[attr];
    }
    //reg：判断得到的属性值是否带有px，pt，rem，em等值，如果有则去掉只保留数字。
    reg = /^(-?\d+(\.\d+)?)(px|pt|rem|em)?$/;
    return reg.test(val) ? parseFloat(val) : val;
}

转载于:https://www.cnblogs.com/hjdjs/p/6249362.html