Ștergerea elementelor în JavaScript

Haideți acum să învățăm cum să ștergem elemente. Pentru aceasta trebuie să folosim metoda remove. Să vedem cu un exemplu cum se face. Să presupunem că avem următoarele paragrafe:

html<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>

Haideți să facem ca orice paragraf să fie șters la click pe el:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    elem.remove();
  });
}
Задание 1

Este dat următorul cod:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

Faceți ca orice li să fie ștearsă la click pe ea.

Задание 2

Este dat următorul cod:

html<ul id="parent">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

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

Faceți ca la fiecare click pe buton să fie șters ultimul element din #parent.