Slette elementer i JavaScript
La oss nå lære å slette elementer.
For å gjøre dette må du bruke
metoden remove. La oss se
et eksempel på hvordan dette gjøres.
La oss si at vi har disse avsnittene:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
La oss gjøre det slik at ethvert avsnitt blir slettet når du klikker på det:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Følgende kode er gitt:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Gjør det slik at enhver li blir slettet
ved klikk på den.
Følgende kode er gitt:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Gjør det slik at for hvert klikk på knappen
slettes det siste elementet fra #parent.
