Jak na to – Zkontrolujte, zda není prvek skrytý
Přečtěte si, jak pomocí JavaScriptu zjistit, zda je prvek skrytý.
Zaškrtněte Skrytý prvek
Příklad
Pokud je prvek <div> skrytý, udělejte něco:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Poznámka: Když je prvek skrytý pomocí display:none
(jako ve výše uvedeném příkladu), prvek nezabírá žádné místo.
Chcete-li zjistit, zda je prvek skrytý pomocí visibility:hidden
, podívejte se na příklad níže. Tento "skrytý" prvek bude zabírat místo.
Příklad
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Tip: Podívejte se také na Jak na to – Přepnout skrýt/zobrazit .
Tip: Další informace o zobrazení a viditelnosti najdete v našem výukovém programu zobrazení CSS .