Javascript 检查css属性是否有错误!应用的重要属性

Javascript 检查css属性是否有错误!应用的重要属性,javascript,jquery,Javascript,Jquery,如果我有这样的风格- ​div#testdiv {position:absolute;top:10px !important;}​ $("#testdiv").css("top"); 我可以像这样用jQuery查询top值- ​div#testdiv {position:absolute;top:10px !important;}​ $("#testdiv").css("top"); 它将返回值10px。是否可以使用jQuery或JavaScript检查top属性是否具有!重要信息应用于

如果我有这样的风格-

​div#testdiv {position:absolute;top:10px !important;}​
$("#testdiv").css("top");
我可以像这样用jQuery查询
top
值-

​div#testdiv {position:absolute;top:10px !important;}​
$("#testdiv").css("top");

它将返回值
10px
。是否可以使用jQuery或JavaScript检查
top
属性是否具有
!重要信息
应用于它的属性?

您可以尝试直接从css样式表中读取它

看看这个问题的第二个答案:

请参见

有一个函数可以添加到jQuery中。然后你就这样使用它:


console.log($('#testdiv').style().getPropertyPriority('top'))

首先,jQuery中似乎不存在这样的解决方案

提供的许多可用javascript解决方案都使用函数
getPropertyPriority()
。首先,IE6-IE8不支持此功能(请参阅和)。其次,如果元素的样式未声明为内联,则此函数不会直接作用于元素。因此,我们可以在以下情况下获得重要属性:

<div id="testdiv" style="top : 10px !important;">Some div</div>
<script type="text/javascript">
// should show 'important' in the console.
console.log(document.getElementById("testdiv").style.getPropertyPriority('top'));
</script>

像这样:div.style().getPropertyPriority('top')?您可能对以下内容感兴趣:。但不是jQuery解决方案。这对我不起作用,请参见-。如果我通过函数的set方法设置CSS值,该函数就可以工作,但不会使用CSS中声明的样式(返回一个空白字符串)。如@dennisg所说:它显然只适用于元素上内联设置的样式:((即Hello)