Elementtien poistaminen JavaScriptillä
Opitaan nyt poistamaan elementtejä.
Tätä varten tulee käyttää
metodia remove. Katsotaan
esimerkillä, kuinka se tehdään.
Olkoon meillä kappaleita:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Tehdään niin, että mikä tahansa kappale poistetaan klikkaamalla sitä:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Annettu seuraava koodi:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Tee niin, että mikä tahansa li poistetaan
klikkaamalla sitä.
Annettu seuraava koodi:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Tee niin, että jokaisella napin painalluksella
poistetaan viimeinen elementti kohteesta #parent.
