Jak TO - Sprawdź, czy element jest ukryty
Dowiedz się, jak sprawdzić, czy element jest ukryty za pomocą JavaScript.
Sprawdź ukryty element
Przykład
Jeśli element <div> jest ukryty, zrób coś:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Uwaga: Gdy element jest ukryty za pomocą display:none
(jak w powyższym przykładzie), element nie zajmie miejsca.
Aby dowiedzieć się, czy element jest ukryty za pomocą visibility:hidden
, zobacz poniższy przykład. Ten „ukryty” element zajmie miejsce.
Przykład
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Wskazówka: zapoznaj się także z instrukcją — przełączanie ukrywania/pokazywania .
Wskazówka: aby uzyskać więcej informacji na temat wyświetlania i widoczności, zapoznaj się z samouczkiem wyświetlania CSS .