ویژگی childNodes Element HTML DOM
- صفحه قبلی
- صفحه بعدی
- به سمت بالا بازگشت موضوع Elements HTML DOM
تعریف و استفاده
childNodes ویژگی بازمی‌گردانده به مجموعه‌ای از نودهای فرزند عناصر (لیست) است.
childNodes ویژگی بازمی‌گردانده به NodeList است.
childNodes ویژگی فقط خواندنی است.
childNodes[0] با firstChild مشابه است.
توجه
childNodes نود بازمی‌گردانده می‌شود: نودهای عناصر، نودهای متنی و نودهای نظرات.
فضاهای خالی بین عناصر نیز نودهای متنی هستند.
راه حل جایگزین:
ویژگی children - children ویژگی بازمی‌گرداننده به فرزندان نود (نظرات و ویرایش‌ها را نادیده می‌گیرد).
لطفاً به: مراجعه کنید
نودهای جزیی
نویدهای HTML و عناصر
در HTML DOMدر (مدل مستند وب) یک مستند HTML یک مجموعه از نویدها است که (دارند یا ندارند) فرزند.
نویدهابه معنای نویدهای عناصر، نویدهای متن و نویدهای نکات است.
عناصرترک‌های بین آن‌ها نیز نویدهای متن هستند.
در حالی که عناصر فقط نویدهای عناصر هستند.
فرزند نویدها با فرزند عناصر
childNodes بازمی‌گرددفرزند نویدها(نویدهای عناصر، نویدهای متن و نویدهای نکات).
children بازمی‌گرددفرزند عناصردر مقابل نویدها و نکات).
برادران با برادران عناصر
برادرانبه معنای "برادر" و "خواهر" هستند.
برادراننویدهایی هستند که دارای نقطه شروع مشترک هستند (در childNodes در لیست).
برادران عناصرعناصر دارند که دارای پدر مشترک هستند (در children در لیست).
مثال
مثال 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) است.
همه مرورگرها آن را به طور کامل پشتیبانی می‌کنند:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| پشتیبانی | 9-11 | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی
- صفحه بعدی
- به سمت بالا بازگشت موضوع Elements HTML DOM
