Odstranění všech potomků 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ší.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Jak vytvořit WYSIWYG editor

Vlastní jednoduchý WYSIWYG editor

Chceme-li na webu zadávat text a běžná <textarea> už nestačí, řešením je napsat si vlastní WYSIWYG editor.

Detekce zapnutého JavaScriptu

Zapnutý a vypnutý JavaScript

Jak na webové stránce detekovat zapnuté nebo vypnuté skriptování.

CSS vyhledávání a filtrování

CSS vyhledávání a filtrování obsahu

Jak pomocí CSS se špetkou JS filtrovat obsah stránky nebo na ní vyhledávat.

Plynulý přesun focusu

Plynulý přesun focusu

Plynulé přesouvání focusu mezi jednotlivými položkami formuláře.

Označení textu kliknutím

Označení kódu nebo textu po kliknutí

Jak označit text nebo zdrojový kód jedním kliknutím. Je to vůbec rozumné?

Komentáře