Eliminación de elementos en JavaScript
Ahora aprendamos a eliminar elementos.
Para esto se debe usar
el método remove. Veamos
con un ejemplo cómo se hace.
Supongamos que tenemos párrafos:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Hagamos que cualquier párrafo se elimine al hacer clic en él:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Dado el siguiente código:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Haga que cualquier li se elimine
al hacer clic en ella.
Dado el siguiente código:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Haga que con cada clic en el botón
se elimine el último elemento de #parent.
