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ší.

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků · Témata
2013–2026