Moderní tvorba webových aplikací

O webu

Odstranění obsahu HTML elementu

Jak v JavaScriptu odstranit všechny potomky v určitém HTML elementu.

1 minuta

Při vytváření HTML obsahu JavaScriptem se někdy může hodit obsah celé značky vyprázdnit.

var element = document.getElementById("idecko");
element.innerHTML = "";

Toto je asi nejjednodušší způsob, nicméně není nejrychlejší.

Rychlejší postup je odebírání přes metodu removeChild:

while (element.firstChild) {
  element.removeChild(element.firstChild);
}

Před snahou odebírat všechny potomky ještě může být dobré se zamyslet, jestli by nestačilo jenom měnit vlastnosti stávajících elmentů místo odstraňování a vytváření komplet nových (createNode/appendChild). To by mohlo být ještě rychlejší.

Související články

Detekce otevření DevTools

Jak zjistit, že se na stránce otevřely vývojářské nástroje.

13 minut

JavaScript null a undefined

Rozdíly mezi null a undefined v JavaScriptu, kdy je používat a jak se vyhnout běžným chybám.

12 minut

Sleep v JavaScriptu

Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await

6 minut

JavaScript Battery API

Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025