Remoção de elementos em JavaScript
Agora vamos aprender a remover elementos.
Para isso, é necessário usar
o método remove. Vamos ver
com um exemplo como isso é feito.
Suponha que temos estes parágrafos:
html<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Vamos fazer com que qualquer parágrafo seja removido ao clicar nele:
javascriptlet elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Задание 1
Dado o seguinte código:
html<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Faça com que qualquer li seja removida
ao clicar nela.
Задание 2
Dado o seguinte código:
html<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Faça com que a cada clique no botão
o último elemento de #parent seja removido.