HTML DOM Element firstElementChild 属性

定义和用法

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 پشتیبانی پشتیبانی پشتیبانی پشتیبانی