offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jsPmMnER 457 of 503 menu

Удаление элементов на 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.

enru