如何在html页面中计算使用的样式而不是getComputedStyle?

时间:2017-12-11 17:04:54

标签: javascript html css

如何计算元素的使用样式值(而不是计算出的样式值)? 在此代码中,我使用的是getComputedStyle,输出显示subdiv已计算display = block,尽管它没有显示。 如何按照每个人的预期修改代码以获得使用过的display = none



<html><body>
test
<div id="maindiv" style="display: none">
 maindiv
  <div id="subdiv" style="display: block">subdiv</div>
</div>
<script>
alert(window.getComputedStyle(document.getElementById("subdiv")).display)
</script>
</body></html>
&#13;
&#13;
&#13;

来自https://developer.mozilla.org/en-US/docs/Web/CSS/used_value

  

&#34;使用价值&#34; vs&#34;计算值&#34;

     

CSS 2.0仅将计算值定义为属性的最后一步   计算。然后,CSS 2.1引入了使用的不同定义   值。然后,元素可以显式地继承a的宽度/高度   parent,其计算值为百分比。对于CSS属性   不依赖于布局(例如,显示,字体大小或行高)   计算值和使用的值是相同的。以下是   CSS 2.1属性依赖于布局,所以它们有不同   计算值和使用值:(取自CSS 2.1变更:指定,   计算和实际值):

0 个答案:

没有答案