devdev / in the loop

Rimuovere un elemento dal DOM in vanilla JS

Ci sono due modi principali per rimuovere un elemento dal DOM in vanilla Javascript, e tutti e due sono davvero facili da implementare. Se vogliamo semplicemente nascondere un elemento, la migliore strategia è naturalmente usare CSS, magari per rendere l’elemento visibile in un secondo momento. Agiamo quindi sulla proprietà style :

var elemento = document.querySelector('#elemento');
elemento.style.display = 'none';

Se invece volessimo realmente rimuoverlo dal DOM, possiamo utilizzare il metodo removeChild() :

var elemento = document.querySelector('#elemento');
elemento.parentNode.removeChild(elem);

Non male, eh?

Questo articolo ti è stato utile?
Javascript – LETTURA 4 MINUTI Alternativa a jQuery .eq() in Javascript
Una delle funzioni di traversing più utili di jQuery è sicuramente .eq() . Ci permette di accedere ad un elemento di…
Javascript – LETTURA 4 MINUTI Come conoscere la posizione di un elemento con jQuery index o in vanilla Javascript
Il motto di jQuery è “Write less, do more”, anche se gli ultimi anni stiamo vedendo uno shifting di molte…
Javascript – LETTURA 6 MINUTI Utilizzare i parametri GET in Javascript con URLSearchParams
I parametri URL, che tutti conosciamo come parametri GET o query) vengono utilizzati per passare informazioni alla pagina che stiamo…
Javascript – LETTURA 4 MINUTI Aggiungere una regola CSS con Javascript
Aggiungere una regola CSS in modo dinamico con Javascript può esserci utile in vari casi: uno riguarda sicuramente le performance,…
Roba figa da
if (weekend) {
    relax();
}
la nostra newsletter, ogni tanto.