Удаление элементов на JavaScript

Удаление элементов на JavaScript

Давайте теперь научимся удалять элементы. Для этого нужно использовать метод removeChild, который применяется к родительскому элементу с указанием элемента, который нужно удалить.

Задача 1.

Дан следующий код:

<ul id="parent">

   <li>1</li>

   <li id="elem">2</li>

   <li>3</li>

</ul>

<input type="submit" id="button">

Сделайте так, чтобы по нажатию на кнопку удалялся элемент #elem.

Задача 2.

Модифицируйте предыдущую задачу, чтобы элемент удалялся только после вывода предупреждающего сообщения: "Элемент будет удалён".

Задача 3.

Дан список:

<ul id="parent">

   <li>1</li>

   <li>2</li>

   <li>3</li>

</ul>

<input type="submit" id="button">

Сделайте так, чтобы по каждому клику на кнопку удалялся последний элемент из #parent. (Количество пунктов списка может быть любым).

Без родителя

Не обязательно иметь ссылку на родительский элемент. Если ее нет, то родителя можно получить через parentElement:

let elem = document.querySelector('#elem');

elem.parentElement.removeChild(elem);

Задача 4.

Дан следующий код:

<ul>

   <li>Первый</li>

   <li id="elem">Второй</li>

   <li>Третий</li>

</ul>

Сделайте так, чтобы по нажатию на #elem этот элемент удалился.

Задача 5. (слегка сложноватая)

Есть список из четырёх пунктов. Сделайте так, чтобы клик по любому пункту удалял его.

(Подсказка: querySelectorAll, for…of  и  this )

Задача 6. (слегка сложноватая)

Есть пустой див. JS кодом создайте пять абзацев. После создания, клик по любому абзацу должен удалять его