Fshirja e elementeve në JavaScript
Tani le të mësojmë si të fshijmë elemente.
Për këtë duhet të përdorni
metodën remove. Le të shohim
me një shembull se si bëhet kjo.
Le të themi se kemi këto paragrafë:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Le të bëjmë që çdo paragraf të fshihet kur klikohet mbi të:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Është dhënë kodi në vijim:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Bëni që çdo li të fshihet
kur klikohet mbi të.
Është dhënë kodi në vijim:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Bëni që me çdo klik në buton
të fshihet elementi i fundit nga #parent.