為什么它不起作用，style.display

Question

我有一個簡短的劇本。 我想檢查div顯示的可見性。 但這是行不通的。 而且我不知道為什么，我發現了其他一些具有相同代碼的腳本。

我沒有收到消息JA

<html>
<head>
<script>
    function test()
    {
        alert('J');
        if (document.getElementById('t').style.visibility == "visible")
        {
            alert('JA');
        }
        if (document.getElementById('t').style.display == "block")
        {
            alert('JA');
        }
    }
</script>
</head>
<body>
<div id = 't'>
    test
</div>
<input type = 'button' onClick = 'test();'>

</body>
</html>

Answer 1

style屬性僅表示在元素的style屬性中指定的CSS指令，因此visibility和display均為空。

您想要的是計算樣式

var t = document.getElementById('t'),
    style = window.getComputedStyle(t);

console.log('visibility', style.visibility);
console.log('display', style.display);

JSFiddle演示

為什么它不起作用，style.display

問題描述

1 個解決方案

解決方案1
3 已采納 2015-08-10 00:38:03

為什么它不起作用，style.display

問題描述

1 個解決方案

解決方案1 3 已采納 2015-08-10 00:38:03

解決方案1
3 已采納 2015-08-10 00:38:03