length
HTML DOM NodeList length
❮ NodeList obyektiMisollar
Hujjatdagi bola tugunlar sonini oling:
const nodeList = document.body.childNodes;
let number = nodeList.length;
O‘zingiz sinab ko‘ring »
<body> elementining bola tugunlarini oling:
const nodeList = document.body.childNodes;
O‘zingiz sinab ko‘ring »
"myDIV" elementidagi bola tugunlar sonini oling:
const element = document.getElementById("myDIV");
let numb = element.childNodes.length;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
length xususiyati NodeList ichidagi tugunlar sonini qaytaradi.
length xususiyati faqat o‘qish uchun.
Shuningdek qarang:
Sintaksis
nodelist.length
Qaytariladigan qiymat
| Tip | Tavsif |
|---|---|
| Number | NodeList ichidagi tugunlar soni. |
Ko‘proq misollar
Misol
"myDIV" ichida nechta <p> elementi bor:
const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;
O‘zingiz sinab ko‘ring »
Misol
"myDIV" ichidagi barcha <p> elementlarini sikl orqali aylanib chiqing va ularning shrift o‘lchamini o‘zgartiring:
const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
list[i].style.fontSize = "red";
}
O‘zingiz sinab ko‘ring »
Misol
Barcha bola tugunlarni sikl orqali aylanib chiqing va har bir tugunning nomini yig‘ing:
const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
text += list[i].nodeName + "<br>";
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
nodelist.length — 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 |
❮ NodeList obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!