این آموزش در تاریخ ۱۴۰۰/۰۱/۲۸ آپدیت شده است.

آموزش ویژگی children در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی children در DOM جاوااسکریپت با من همراه باشید.

ویژگی children در DOM جاوااسکریپت

Free-Learn

ویژگی children در DOM جاوااسکریپت

با استفاده از ویژگی children میتونیم به مجموعه ای از گره های فرزند یک عنصر ( گره خوده عنصر ) با استفاده از شماره ایندکس یا Index یا شماره جایگاه دسترسی پیدا نماییم.

توجه : یک ویژگی داریم بنام childNodes که این ویژگی میاد و کل گره هارو ( از جمله گره متن ، گره کامنت ، گره عنصر ) برمیگردونه، ولی ویژگی children فقط و فقط گره خوده عنصر رو برمیگردونه.

مقدار برگشتی برگشت یک شئ HTML از مجموعه گره های یک عنصر
نسخه DOM Core Level 1 Element Object

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : بدست آوردن تعداد کل گره های فرزند موجود در یک عنصر با استفاده از ویژگی length

امتحان کنید

مثال شماره ۲ : دسترسی به فرزند دوم از طریق شماره ایندکس ( Index ) ( شماره ایندکس همیشه از ۰ شروع میشه ، شماره ایندکس فرزند اول میشه ۰ و فرزند دوم میشه ۱ و همینجور تابره )

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
children ۲٫۰ ۳٫۵ ۱۰٫۰ ۴٫۰ ۹٫۰*
  • این ویژگی در نسخه های IE6 تا IE8 گره عنصر و گره کامنت رو برمیگردونه ولی در نسخه IE9+ به بالا فقط گره عنصر رو برمیگردونه.

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

  • Index_Number : اون شماره ایندکس یا جایگاه عنصر

Free-Learn

نکات و توضیحات

  • برای بدست آوردن گره های یک عنصر ( که شامل گره متن ، گره خوده عنصر ، گره کامنت ) باشه ، باید از ویژگی childNodes استفاده نمایید.

Free-Learn

مثال های بیشتر

مثال شماره ۱ : بدست آوردن کل گره های فرزند موجود در یک عنصر و اعمال استایل بروی آنها ( رنگ زمینه زرد میشه )

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب