removeChild()
Misollar
Ro‘yxatdan birinchi elementni olib tashlang:
const list = document.getElementById("myList");
list.removeChild(list.firstElementChild);
Oldin:
- Coffee
- Tea
- Milk
Keyin:
- Tea
- Milk
Agar ro‘yxatda bola tugunlar bo‘lsa, birinchisini (indeksi 0) olib tashlang:
const list = document.getElementById("myList");
if (list.hasChildNodes()) {
list.removeChild(list.children[0]);
}
O‘zingiz sinab ko‘ring »
Ro‘yxatdan barcha bola tugunlarni olib tashlang:
const list = document.getElementById("myList");
while (list.hasChildNodes()) {
list.removeChild(list.firstChild);
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
removeChild() metodi elementning bolasini olib tashlaydi.
Eslatma
Bola element Document Object Model’dan (DOM’dan) olib tashlanadi.
Biroq qaytarilgan tugunni o‘zgartirish va DOM’ga qayta joylashtirish mumkin ("Ko‘proq misollar" bo‘limiga qarang).
Shuningdek qarang:
Sintaksis
element.removeChild(node)yokinode.removeChild(node)
Parametrlar
| Parametr | Tavsif |
| node | Majburiy. Olib tashlanadigan tugun (element). |
Qaytariladigan qiymat
| Tip | Tavsif |
| Node | Olib tashlangan tugun (element). Bola mavjud bo‘lmasa, null. |
Ko‘proq misollar
Elementni uning ota tugunidan olib tashlang:
element.parentNode.removeChild(element);
O‘zingiz sinab ko‘ring »
Misol
Elementni uning ota elementidan olib tashlang va qayta joylashtiring:
const element = document.getElementById("myLI");
function removeLi() {
element.parentNode.removeChild(element);
}
function appendLi() {
const list = document.getElementById("myList");
list.appendChild(element);
}
O‘zingiz sinab ko‘ring »
Eslatma
Olib tashlangan tugunni o‘sha hujjatga joylashtirish uchun appendChild() yoki insertBefore() metodidan foydalaning.
Uni boshqa hujjatga joylashtirish uchun document.adoptNode() yoki document.importNode() metodidan foydalaning.
Misol
Elementni uning ota elementidan olib tashlang va boshqa hujjatga joylashtiring:
const child = document.getElementById("mySpan");
function remove() {
child.parentNode.removeChild(child);
}
function insert() {
const frame = document.getElementsByTagName("IFRAME")[0]
const h = frame.contentWindow.document.getElementsByTagName("H1")[0];
const x = document.adoptNode(child);
h.appendChild(x);
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.removeChild() — DOM Level 1 (1998) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!