HTML DOM ایلمنٹ childNodes کی اپریشن

تعلیم اور استعمال

childNodes کی اپریشن بلاکچیل کا مجموعہ (لیسٹ) واپس دیتا ہے۔

childNodes کی اپریشن NodeList کا آئیٹم واپس دیتا ہے۔

childNodes کی اپریشن ابھارتی نہیں ہوتی اور پڑھنی بھی نہیں کی جاسکتی۔

childNodes[0] .firstChild سے مشابہت رکھتی ہے۔

نکاتی

childNodes نوڈ بلاکچیل، متن کا نوڈ اور نوٹ کا نوڈ بلاکچیل واپس دیتا ہے۔

ایلمنٹ کے درمیان کا خالی بلاکچیل بھی متن کا نوڈ ہوتا ہے۔

مزید کارروائی:

children کی اپریشن - فرزندان کی اپریشن بلاکچیل اور نوٹ کا کسار بند نہیں کرتا۔

مزید معلومات:

firstChild کی اپریشن

lastChild کی اپریشن

nextSibling کی اپریشن

previousSibling کی اپریشن

hasChildNodes() کی اپریشن

نوڈ اپریشن

parentNode کی اپریشن

nodeName کی اپریشن

ویژگی nodeType

ویژگی nodeValue

نواحی HTML با عناصر

در HTML DOMدر مدل مستند (DOM) در مستند HTML یک مجموعه از نواحی هستند که (دارند یا ندارند) فرزندان.

نواحیبه نواحی عناصر، نواحی متن و نظرات اشاره دارد.

عناصرمابین فضاهای خالی نیز نواحی متن هستند.

در عوض عناصر فقط نواحی عناصر هستند.

فرزندان با فرزندان عناصر

childNodes بازمی‌گرددفرزندان(نواحی عناصر، نواحی متن و نظرات).

فرزندان بازمی‌گرددفرزندان عناصردر عوض نواحی متن و نظرات).

برادران با برادران عناصر

برادربه عنوان "برادر" و "خواهر" شناخته می‌شوند.

برادرنواحی دارند که والد مشترک دارند (در همان childNodes در لیست).

برادران عناصرعناصر دارند که والد مشترک دارند (در همان فرزندان در لیست).

مثال

مثال 1

فرزندان <body> را بدست آورید:

const nodeList = document.body.childNodes;

آزمایش کنید

مثال 2

تعداد فرزندان "myDIV" را بدست آورید:

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

آزمایش کنید

مثال 3

رنگ پس‌زمینه دومین فرزند را تغییر دهید:

element.childNodes[1].style.backgroundColor = "yellow";

آزمایش کنید

مثال 4

متن سوم فرزند <select> را بدست آورید:

let text = document.getElementById("mySelect").childNodes[2].text;

آزمایش کنید

قانون‌گذاری

element.childNodes

ارزش بازگشتی

نوع توضیح
عنصر

جمعه NodeList نواحی.

نواحی بر اساس ترتیب ظهورشان در مستند مرتب شده‌اند.

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

element.childNodes این یک ویژگی DOM Level 1 (1998) است.

همه مرورگرها کاملاً از آن حمایت می‌کنند:

کروم ای‌ای ایج افراد سافاری آپرا
کروم ای‌ای ایج افراد سافاری آپرا
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی