JavaScriptda elementlarni o'chirish
Keling, endi elementlarni o'chirishni o'rganamiz.
Buning uchun
remove metodidan foydalanish kerak.
Buni misolda ko'rib chiqaylik.
Faraz qilaylik, bizda paragraflar bor:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Keling, har qanday paragraf unga bosilganda o'chiriladigan qilaylik:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Quyidagi kod berilgan:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Har qanday li unga bosilganda
o'chiriladigan qiling.
Quyidagi kod berilgan:
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Tugmaga har bir bosilganda
#parent dan oxirgi element o'chiriladigan qiling.
