نوع length NodeList HTML DOM

تعریف و استفاده

نوع length تعداد گره‌های موجود در NodeList را برمی‌گرداند.

نوع length فقط خواندنی است.

مثال

مثال 1

تعداد فرزندان عناصر مستند را دریافت کنید:

const nodeList = document.body.childNodes;
let number = nodeList.length;

آزمایش کنید

مثال 2

دسترسی به فرزندان عناصر <body>:

const nodeList = document.body.childNodes;

آزمایش کنید

مثال 3

تعداد زیرنواخت‌های div "myDIV" را دریافت کنید:

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

آزمایش کنید

مثال 4

تعداد عناصر <p> در div "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

آزمایش کنید

مثال 5

تمام عناصر <p> در div "myDIV" را جستجو کنید و اندازه فونت آن‌ها را تغییر دهید:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
برای (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

آزمایش کنید

مثال 6

تمام زیرنواخت‌ها را جستجو کنید و نام هر گره را جمع‌آوری کنید:

const list = document.body.childNodes;
let text = "";
برای (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

آزمایش کنید

نحوه استفاده

nodelist.length

مقدار بازگشتی

نوع توضیح
عدد تعداد گره‌ها در NodeList.

پشتیبانی مرورگر

nodelist.length یک ویژگی DOM Level 1 (1998) است.

همه مرورگرهای مدرن از آن پشتیبانی می‌کنند:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی

صفحات مرتبط

مетод entries()

مетод forEach()

مетод item()

مетод keys()

مетод values()

مجموعه NodeList

مетод childNodes()

مетод querySelectorAll()

مетод getElementsByName()