
Odstranění obsahu HTML elementu
Jak v JavaScriptu odstranit všechny potomky v určitém HTML elementu.
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
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.
Sleep v JavaScriptu
Jak implementovat sleep/delay funkcionalitu v JavaScriptu pomocí Promise a async/await
JavaScript Battery API
Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.