Удаление элементов на JavaScript
Давайте теперь научимся удалять элементы.
Для этого нужно использовать
метод remove. Посмотрим
на примере, как это делается.
Пусть у нас есть абзацы:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Давайте сделаем так, чтобы любой абзац удалялся по клику на нем:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Дан следующий код:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Сделайте так, чтобы любая li удалялась
по клику на нее.
Дан следующий код:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Сделайте так, чтобы по каждому клику на кнопку
удалялся последний элемент из #parent.