Sletning af elementer i JavaScript
Lad os nu lære at slette elementer.
Til dette skal du bruge
metoden remove. Lad os se
et eksempel på, hvordan det gøres.
Lad os sige, at vi har disse afsnit:
html<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Lad os gøre det sådan, at ethvert afsnit bliver slettet ved at klikke på det:
javascriptlet elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Задание 1
Følgende kode er givet:
html<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Gør det sådan, at enhver li bliver slettet
ved at klikke på den.
Задание 2
Følgende kode er givet:
html<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Gør det sådan, at ved hvert klik på knappen
bliver det sidste element fra #parent slettet.