Usuwanie elementów w JavaScript
Nauczmy się teraz usuwać elementy.
Aby to zrobić, należy użyć
metody remove. Spójrzmy
na przykład, jak to się robi.
Załóżmy, że mamy akapity:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Sprawmy, aby dowolny akapit był usuwany po kliknięciu na niego:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Dany jest następujący kod:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Spraw, aby dowolny element li był usuwany
po kliknięciu na niego.
Dany jest następujący kod:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Spraw, aby po każdym kliknięciu przycisku
był usuwany ostatni element z #parent.
