首页 > 代码库 > 外部样式表声明的样式并不会进入style对象

外部样式表声明的样式并不会进入style对象

在网页设计当中,我们注重网页的行为(js)、结构(HTLM)、样式(css)分离开

内联样式表或者内部样式表声明的样式信息都会进入style对象

我们可以测试一下:

技术分享

但是我们的外部样式表,也就是通过link标签链接进来的style样式,并没有进入style这个对象里面,所以我们在取外部样式表里面对应元素的属性时,是取不到的。

所以可以写一个封装函数,去针对这些样式取值

function getStyle(obj, name) {
    if(obj.currentStyle) {
        return obj.currentStyle[name];
    } else {
        return getComputedStyle(obj, false)[name];
    }
}

调用这个封装的函数的话,name值是需要加引号的

例如:getStyle(obj,"width");

外部样式表声明的样式并不会进入style对象