خصوصیت children عناصر HTML DOM
- صفحه قبل childNodes
- صفحه بعدی classList
- به سمت لایه بالاتر بازگردید مجموعه HTML DOM Elements
تعریف و استفاده
children خصوصیت بازگردانی مجموعه عناصر فرزند را.
children خصوصیت بازگردانی جعبه HTMLCollection را.
لطفاً به: مراجعه کنید
نودهای HTML و عناصر
در HTML DOMدر (مدل مستند فرانت‌اند) HTML مستند فرانت‌اند مجموعه‌ای از نقاط دارای (یا بدون) نقاط فرزند است.
نودبه معنای نودهای عناصر، نقاط توضیحی و نقاط توضیحی است.
عنصرفضاهای خالی بین آنها نیز نقاط توضیحی هستند.
در عوض عناصر فقط نودهای عناصر هستند.
نود فرزند و عناصر فرزند
childNodes بازگشتنود فرزند(نودهای عناصر، نقاط توضیحی و نقاط توضیحی).
children بازگشتنود فرزنددر عوض متن و نقاط توضیحی (نودها و نقاط توضیحی و نقاط توضیحی).
برادر و برادران عناصر
برادراناست "برادر" و "خواهر".
برادراننواحی دارای نقطه شروع مشترک (در همان childNodes در لیست).
برادران عناصرعناصر دارای پدر مشترک (در همان children در لیست).
مثال
مثال 1
مجموعه فرزندان عناصر <body> را به دست آورید:
const collection = document.body.children;
مثال 2
تعداد فرزندان "myDIV" چقدر است؟
let count = document.getElementById("myDIV").children.length;
مثال 3
زمینه دومین فرزند "myDIV" را تغییر دهید:
const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";
مثال 4
متن سومین فرزند <select> را به دست آورید (شاخص 2):
const collection = document.getElementById("mySelect").children[2].text;
مثال 5
تمام فرزندان <body> را جستجو کرده و زمینه آنها را تغییر دهید:
const collection = document.body.children;
برای (let i = 0; i < collecton.length; i++) {
collection[i].style.backgroundColor = "red";
}
قوانین دستور زبان
element.children
مقدار بازگشتی
| نوع | توضیح |
|---|---|
| عنصر |
مجموعه HTMLCollection. مجموعه‌ای از نودهای عناصر. عناصر بر اساس ترتیب ظاهر شدن در مستند مرتب می‌شوند. |
پشتیبانی مرورگر
element.children این یک ویژگی DOM Level 1 (1998) است.
همه مرورگرها به طور کامل از آن پشتیبانی می‌کنند:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| پشتیبانی | 9-11 | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل childNodes
- صفحه بعدی classList
- به سمت لایه بالاتر بازگردید مجموعه HTML DOM Elements
