Elementų šalinimas JavaScript
Dabar išmokime šalinti elementus.
Tam reikia naudoti
metodą remove. Pažiūrėkime
pavyzdžiu, kaip tai daroma.
Tarkime, kad turime pastraipas:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Padarykime taip, kad bet kuri pastraipa būtų pašalinama paspaudus ant jos:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Duotas toks kodas:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Padarykite taip, kad bet koks li elementas būtų pašalinamas
paspaudus ant jo.
Duotas toks kodas:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Padarykite taip, kad su kiekvienu paspaudimu mygtuke
būtų pašalinamas paskutinis elementas iš #parent.
