方法-要素が非表示になっているかどうかを確認します
要素がJavaScriptで非表示になっているかどうかを確認する方法を学びます。
隠し要素を確認する
例
<div>要素が非表示になっている場合は、次のようにします。
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
注:(上記の例のように)要素がで非表示になっている場合display:none
、その要素はスペースを占有しません。
要素がで非表示になっているかどうかを確認するvisibility:hidden
には、以下の例を参照してください。この「隠された」要素はスペースを占有します。
例
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
ヒント:[方法]-[非表示/表示を切り替える]も確認してください。
ヒント:表示と可視性の詳細については、CSS表示チュートリアルをお読みください。