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:
<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:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Følgende kode er givet:
<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.
Følgende kode er givet:
<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.
