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)