Ș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:
<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:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Este dat următorul cod:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Faceți ca orice li să fie ștearsă
la click pe ea.
Este dat următorul cod:
<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.
