Rimozione di elementi in JavaScript
Ora impariamo a rimuovere gli elementi.
Per fare questo è necessario utilizzare
il metodo remove. Vediamo
con un esempio come si fa.
Supponiamo di avere questi paragrafi:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Facciamo in modo che qualsiasi paragrafo venga rimosso cliccandoci sopra:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Dato il seguente codice:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Fai in modo che qualsiasi li venga rimossa
cliccandoci sopra.
Dato il seguente codice:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Fai in modo che ad ogni clic sul pulsante
venga rimosso l'ultimo elemento da #parent.
