Elementu dzēšana JavaScript
Tagad apgūsim, kā dzēst elementus.
Lai to izdarītu, jāizmanto
metode remove. Apskatīsim
piemēru, kā tas tiek darīts.
Pieņemsim, ka mums ir rindkopas:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Izveidosim tā, lai jebkura rindkopa tiktu dzēsta, uz to noklikšķinot:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Dots šāds kods:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Izveidojiet tā, lai jebkura li tiktu dzēsta
uz to noklikšķinot.
Dots šāds kods:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Izveidojiet tā, lai ar katru noklikšķinājumu uz pogas
tiktu dzēsts pēdējais elements no #parent.
