parentElement
Misollar
<li> elementi ota elementining tugun nomini oling:
var x = document.getElementById("myLI").parentElement.nodeName;
O‘zingiz sinab ko‘ring »
Elementning (<span>) ota elementini (<div>) yashirish uchun uni bosing:
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
O‘zingiz sinab ko‘ring »
Tavsif
parentElement xususiyati ko‘rsatilgan elementning ota elementini qaytaradi.
parentElement va parentNode o‘rtasidagi farq shundaki, ota tugun element tuguni bo‘lmasa, parentElement null qaytaradi:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
Ko‘p hollarda qaysi xususiyatdan foydalanishingizning ahamiyati yo‘q, biroq parentNode ehtimol eng ommabopi.
Bu xususiyat faqat o‘qish uchun.
HTML tugunlar va elementlar
HTML DOM (Document Object Model) nuqtai nazaridan HTML hujjat — bola tugunlarga ega bo‘lgan (yoki ega bo‘lmagan) tugunlar kolleksiyasi.
Tugunlar — bu element tugunlari, matn tugunlari va izoh tugunlari.
Elementlar orasidagi bo‘sh joylar (whitespace) ham matn tugunlari hisoblanadi.
Elementlar — bu faqat element tugunlari.
childNodes va children
childNodes bola tugunlarni (element tugunlari, matn tugunlari va izoh tugunlarini) qaytaradi.
children bola elementlarni qaytaradi (matn va izoh tugunlarini emas).
Qo‘shni tugunlar va qo‘shni elementlar
Qo‘shnilar (siblings) — bu "aka-uka" va "opa-singil"lar.
Qo‘shni tugunlar — ota tuguni bir xil bo‘lgan (bitta childNodes ro‘yxatidagi) tugunlar.
Qo‘shni elementlar — ota elementi bir xil bo‘lgan (bitta children ro‘yxatidagi) elementlar.
Sintaksis
node.parentElement
Texnik tafsilotlar
| Qaytariladigan qiymat: | Tugunning ota element tugunini ifodalovchi Element obyekti; tugunning ota tuguni bo‘lmasa, null |
|---|
Brauzerlarda qo‘llab-quvvatlash
element.parentElement DOM Level 3 (2004) imkoniyatidir.
U barcha zamonaviy brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!