Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript从CSS样式表中获取特定样式?_Javascript_Css - Fatal编程技术网

如何使用JavaScript从CSS样式表中获取特定样式?

如何使用JavaScript从CSS样式表中获取特定样式?,javascript,css,Javascript,Css,我尝试了element.style.getPropertyValue,但它只获取元素的style属性中的文本。如何从style元素中获取属性和值?您可以获取元素的完整样式,包括样式表指定的样式、大多数浏览器上的函数或IE上的(请注意,其中一个是函数,另一个是属性) 在计算样式周围有许多浏览器特性。这是我用一个好的库做的事情之一,比如,或。这样你就可以利用其他人已经完成的工作(最重要的是,变通办法)。仅举一个例子:某些版本的WebKit(Chrome和Safari使用的渲染器)在某些情况下错误地

我尝试了element.style.getPropertyValue,但它只获取元素的
style
属性中的文本。如何从style元素中获取属性和值?

您可以获取元素的完整样式,包括样式表指定的样式、大多数浏览器上的函数或IE上的(请注意,其中一个是函数,另一个是属性)


在计算样式周围有许多浏览器特性。这是我用一个好的库做的事情之一,比如,或。这样你就可以利用其他人已经完成的工作(最重要的是,变通办法)。仅举一个例子:某些版本的WebKit(Chrome和Safari使用的渲染器)在某些情况下错误地报告了
margin right
属性。jQuery进行测试,看看是否是这种情况,如果是这样的话,可以为您解决这个问题。我不知道还有多少人在解决这个具体问题,但你知道了。

你可以试试:

function getStyle(element, styleProperty) {
    if (element.currentStyle)
        return element.currentStyle[styleProperty];
    else if (window.getComputedStyle)
        return document.defaultView.getComputedStyle(element, null).getPropertyValue(styleProperty);
    return value;
}