Kuondoa Vipengele kwa kutumia JavaScript
Hebu sasa tujifunze kuondoa vipengele.
Ili kufanya hivyo, tunahitaji kutumia
njia remove. Hebu tuangalie
mfano wa jinsi hii inafanyika.
Wacha tuwe na aya:
<p>kitu 1</p>
<p>kitu 2</p>
<p>kitu 3</p>
<p>kitu 4</p>
<p>kitu 5</p>
Wacha tufanye ili aya yoyote iondolewe kwa kubofya juu yake:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Imetolewa msimbo ufuatao:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Fanya ili li yoyote iondolewe
kwa kubofya juu yake.
Imetolewa msimbo ufuatao:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Fanya ili kwa kila kubofya kwenye kitufe
kiondolewe kipengele cha mwisho kutoka #parent.
