ویژگی firstElementChild HTML DOM Element

تعریف و استفاده

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

firstElementChild ویژگی فقط خواندنی است.

firstElementChild ویژگی به children[0] همان مقدار.

لطفاً به: مراجعه کنید

ویژگی children

ویژگی childElementCount

ویژگی lastElementChild

ویژگی tagName

ویژگی childNodes

مثال

مثال 1

محتوای HTML اولین فرزند را دریافت کنید:

let text = element.firstElementChild.innerHTML;

آزمایش کنید

مثال 2

نام برچسب اولین فرزند "myDIV" را دریافت کنید:

let text = document.getElementById("myDIV").firstElementChild.tagName;

آزمایش کنید

مثال 3

متن اولین فرزند عنصر <select> را دریافت کنید:

let text = document.getElementById("mySelect").firstElementChild.text;

آزمایش کنید

نودهای HTML و عناصر

در HTML DOMدر (مدل مستند وب) HTML مستند وب یک مجموعه از نودهایی هستند که (دارند یا ندارند) فرزند.

نودبه معنای نودهای عناصر، متن و ویرایش‌ها است.

عنصرفضاهای خالی بین آنها نیز نودهای متن هستند.

و عناصر فقط نودهای عناصر هستند.

نودهای فرزند و فرزندان

childNodes برگرفتننودهای فرزند(نودهای عناصر، متن و ویرایش‌ها)

children برگرفتنفرزندان(نودهای متن و ویرایش‌ها را شامل نمی‌شود).

firstChild و firstElementChild

firstChild برگرفتن اولیننودهای فرزند(نودهای عناصر، متن و ویرایش‌ها) و فضاهای خالی بین عناصر نیز نودهای متن هستند.

firstElementChild برگرفتن اولینفرزندان( برگرفتن نودهای متن و ویرایش‌ها را شامل نمی‌شود).

lastChild و lastElementChild

lastChild برگرفتن آخریننودهای فرزند(نودهای عناصر، متن و ویرایش‌ها) و فضاهای خالی بین عناصر نیز نودهای متن هستند.

lastElementChild برگرفتن آخرینفرزندان( برگرفتن نودهای متن و ویرایش‌ها را شامل نمی‌شود).

نحوه‌ی نوشتن

element.firstElementChild

مقدار بازگشتی

نوع توضیح
Node اولین فرزند عنصر. اگر فرزندی نداشته باشد، null برمی‌گرداند.

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

element.firstElementChild این یک ویژگی DOM Level 3 (2004) است.

همه‌ی مرورگرها این را به طور کامل پشتیبانی می‌کنند:

کروم آی‌ای‌ای آرز افراش سافاری آپرا
کروم آی‌ای‌ای آرز افراش سافاری آپرا
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی