Elemek törlése JavaScripttel
Most pedig tanuljuk meg, hogyan töröljünk elemeket.
Ehhez a
remove metódust kell használni. Nézzük meg
egy példán keresztül, hogyan is működik.
Tegyük fel, hogy vannak bekezdéseink:
html<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Állítsuk be úgy, hogy bármelyik bekezdés törlődjön, ha rákattintunk:
javascriptlet elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Задание 1
Adott a következő kód:
html<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Állítsa be úgy, hogy bármelyik li elem törlődjön,
ha rákattintanak.
Задание 2
Adott a következő kód:
html<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Állítsa be úgy, hogy minden egyes gombnyomásra
a #parent utolsó eleme törlődjön.