如何计算元素的使用样式值(而不是计算出的样式值)?
在此代码中,我使用的是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;
来自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变更:指定, 计算和实际值):