我有一個變量叫做object。如何用JavaScript檢查它是否可見?
我試過了!object . get attribute(& quot;顯示& quot,& quot無& quot)...但那不管用。
有人能幫我嗎?
謝謝大家!
因?yàn)樗窃贘Query中實(shí)現(xiàn)的。
如果使用jQuery,如果對象可見,以下內(nèi)容將返回true:
$(object).is(':visible');
如果沒有,你可以試試這些:
if (object.style['display'] != 'none')
但是,只有在該對象上顯式設(shè)置了display:none時,這種方法才有效。
要使用javascript獲取顯示樣式的值,可以使用:
即:
document.getElementById('mydiv').currentStyle.display
or
object.currentStyle.display
其他:
document.getElementById('mydiv').getComputedStyle('display')
or
object.getComputedStyle('display')
如果不起作用,嘗試使用
if (object.currentStyle.visibility <> 'visible' || object.currentStyle.display == 'none')
您似乎沒有正確使用getAttribute方法。試著看看這個。
這是工作版本:http://jsfiddle.net/PEA4j/
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
alert("Is #foo1 visible: " + $("#foo1").is(":visible") + "\nIs #foo2 visible: " + $("#foo2").is(":visible"));
});
</script>
</head>
<body>
<div id="foo1" style="display:none">foo1 display none</div>
<div id="foo2">foo2 no display property;</div>
</body>
</html>