[英]JavaScript .style.display?
我想从HTML元素中获取display属性。 当我编写内联CSS时,它可以工作,但是如果我使用类,它就不会。
这有效:
<p id="p1" style="display:none;">This is some text.</p>
<script>alert(document.getElementById("p1").style.display);</script>
这不起作用:
<style>.deneme{ display: none; }</style>
<p id="p1" class="deneme">This is some text.</p>
<script>alert(document.getElementById("p1").style.display);</script>
为什么? 是否有可能使第二种情况像第一种情况一样? 我该如何解决?
尝试使用getComputedStyle()
- DEMO
$(document).ready(function(){
var elem = document.getElementById("p1");
var st = window.getComputedStyle(elem, null).getPropertyValue("display");
alert( st );
});
看看getComputedStyle()/ getPropertyValue()。 属性.style.display将仅返回您已提到的内联样式属性。
var yourDisplay = window.getComputedStyle(document.getElementById('yourID'), null).getPropertyValue('display');
您需要获得“计算样式”(即“最终结果”)而不是您的设置。
我已经创建了一个JSFiddle(你的非工作原文的一个分支)来帮助你: http : //jsfiddle.net/Jamesking56/qTKYK/2/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.