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

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

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

Free-Learn

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

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

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

با استفاد از ویژگی lastChild نیز میتونیم به آخرین گره فرزند دسترسی پیدا نماییم.

با استفاده از ویژگی ()childNodes نیز میتونیم به هر یک از فرزندان یک گره با استفاده از شماره ایندکس دسترسی پیدا نماییم.

مقدار برگشتی برگشت اولین گره فرزند
و اگه چیزی وجود نداشت null برگشت میده
نسخه DOM Core Level 1 Node Object

Free-Learn

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

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

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

امتحان کنید

توضیح مثال بالا :

چون گفتیم این ویژگی خوده گره هارو محاسبه میکنه، در نتیجه باید بدونید که فاصله بین تگ ها هم گره حساب میشه، به همین دلیل وقتی فاصله بین تگ ها وجود داشته باشه اونو به عنوان گره متن یا text# شناسایی میکنه و در خروجی نشونش میده.

 

مثال شماره ۲ : بدست آوردن نام اولین گره فرزند ( این مثال شامل فاصله نمی باشد، به همین دلیل در خروجی باید نام خوده گره ( یا نام خوده عنصر یا تگ ) چاپ بشه )

امتحان کنید

مثال شماره ۳ : بدست آوردن محتوای داخل اولین گره فرزند

امتحان کنید

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari IE
firstChild بله بله بله بله بله

Free-Learn

شکل نوشتاری

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


Free-Learn

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

  • این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
  • با استفاده از ویژگی firstElementChild میتوان اولین فرزند ( عنصر ) از یک تگ خاص را بدست آورد.
  • با استفاده از ویژگی lastElementChild میتوان آخرین فرزند ( عنصر ) از یک تگ خاص را بدست آورد.
  • با استفاد از ویژگی firstChild میتونیم به اولین گره فرزند از یک گره خاص را بدست آورد.
  • با استفاد از ویژگی lastChild میتونیم به آخرین گره فرزند از یک گره خاص را بدست آورد.
  • با استفاده از ویژگی ()childNodes نیز میتونیم به هر یک از فرزندان یک گره با استفاده از شماره ایندکس یا Index دسترسی پیدا نماییم.

Free-Learn

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