آموزش طراحی سایت (HTML CSS Javascript) | آتریا

خصوصیت element.childNodes

مثال (خصوصیت element.childNodes)

به دست آوردن یک مجموعه از تمام گره های فرزند عنصر <body>:

var c = document.body.childNodes;

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

خصوصیت childNodes یک مجموعه از گره های فرزند یک گره ، را بعنوان یک شیء NodeList برمی گرداند.

گره های درون مجموعه، همان طور که در سورس کد ظاهر می شوند ، ذخیره می شوند. و می توان به وسیله ی اندیس به آنها دسترسی یافت.اندیس شروع نیز 0 است.

نکته: فاصله های سفید درون عناصر، مانند متن در نظر گرفته می شوند و متن نیز مانند گره ها در نظر گرفته می شود. کامنت ها نیز همچنین بعنوان گره ها در نظر گرفته می شوند.

نکته: شما می توانید از خصوصیت length در شیء NodeList برای مشخص کردن تعداد گره های فرزند استفاده کنید، سپس شما می توانید بر روی تمام گره های فرزند یک حلقه ایجاد کنید و اطلاعات مورد نظر خود را استخراج کنید.

نکته: این خصوصیت فقط خواندنی می باشد.

نکته: برای برگرداندن یک مجموعه از گره های عنصر از از یک گره( به استثنای گر ه های متن و کامنت)، می توانید از خصوصیت children استفاده کنید.

نکته: دستور [0]element.childNodes همان نتیجه ای را ایجاد می کند که خصوصیت firstChild ایجاد می کند.

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

متد
childNodes	بله	بله	بله	بله	بله

نحوه استفاده

element.childNodes

جزئیات تکنیکی

مقدار برگشتی	یک شیء NodeList که مشخص کننده ی یک مجموعه از گره ها است. گره ها در مجموعه ی برگشت داده شده همان طور که در سورس کد ظاهر می شوند، ذخیره می شوند.
DOM Version	Core Level 1 کلیه توابع و خصوصیت های شیء Element در JavaScript

مثال - خودتان امتحان کنید

مثال (خصوصیت element.childNodes)

فهمیدن اینکه یک عنصر <div> دارای چه تعداد گره فرزند می باشد:

var c = document.getElementById("myDIV").childNodes.length;

خروجی c در کد بالا:

5

خودتان امتحان کنید »

مثال (خصوصیت element.childNodes)

تغییر دادن رنگ پس زمینه ی دومین گره فرزند (اندیس 1)از یک عنصر <div>:

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";

خودتان امتحان کنید »

مثال (خصوصیت element.childNodes)

به دست آوردن متن سومین گره فرزند(اندیس 2) از یک عنصر <select>:

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

خروجی c در کد بالا:

Saab

خودتان امتحان کنید »

آموزش های مرتبط

مرجع مدل DOM در اچ تی ام ال node.firstChild Property

مرجع مدل DOM در اچ تی ام ال node.lastChild Property

مرجع مدل DOM در اچ تی ام ال node.parentNode Property

مرجع مدل DOM در اچ تی ام ال node.nextSibling Property

مرجع مدل DOM در اچ تی ام ال node.previousSibling Property

مرجع مدل DOM در اچ تی ام ال node.nodeName Property

کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5990

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی