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

Jak vkládat 3D objekty na web pomocí Three.js

Které formáty použít, jak vytvářet modely pomocí AI a kdy raději použít obrázek nebo video.

15 minut

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

Novinky e-mailem

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

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