خصائص firstChild لعنصر HTML DOM Element

التعريف والاستخدام

firstChild خصائص تعود لأول عنصر فرعي للعنصر المحدد، كعنصر Node.

firstChild خصائص هي قابلة للقراءة فقط.

firstChild خصائص childNodes[0] مثل ذلك.

ملاحظة

firstChild استرداد العنصر الأول: عنصر، عنصر نصي أو تعليق.

الفراغات بين العناصر هي أيضًا عناصر نصية.

حل بديل:

خصائص firstElementChild - firstElementChild الخصائص تعود لأول عنصر فرعي (تتجاهل عناصر النص والتعليقات).

يرجى الرجوع إلى:

خصائص جميع الأطفال

خصائص العنصر الأخير

خصائص العنصر التالي

خصائص العنصر السابق

خصائص العنصر

خصائص العنصر الأم

خصائص الاسم

خصائص النوع

خصائص النص

مثال

مثال 1

استرداد محتوى HTML للعنصر الأول لعنصر <ul>:

document.getElementById("myList").firstChild.innerHTML;

جرب بنفسك

مثال 2

الحصول على النص للعنصر الأول لعنصر <select>:

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

جرب بنفسك

مثال 3

هذا المثال يوضح تأثير الفراغات.

حاول الحصول على اسم العنصر الأول للعنصر الـ "myDIV":

<div id="myDIV">
  <p>يبدو كأنه الطفل الأول</p>
  <p>يبدو كأنه الطفل الأخير</p>
</div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

جرب بنفسك

مثال 4

لكن، إذا كنت قد قمت بإزالة الفراغات من المصدر، فإن "myDIV" لا يحتوي على نodus #text:

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>

جرب بنفسك

عناصر HTML والعناصر

في HTML DOMفي (Document Object Model)، هو مجموعة من العناصر (أو لا) التي تحتوي على فرز فرعي.

العنصرهو عنصر النodus أو نodus النصي أو نodus التعليق.

العنصرالفراغ بين العناصر هو نodus النصي أيضًا.

العنصر هو عنصر النodus.

العناصر الفرعية والفرز

childNodes العنصرالعناصر الفرعية（عناصر النصوص أو العناصر أو التعليقات الناتجة عن النصوص).

children العنصرالعناصر الفرعية（بدلاً من النصوص والتعليقات الناتجة عن النصوص).

firstChild و firstElementChild

firstChild العنصر الأولالعناصر الفرعية（عناصر النصوص أو العناصر أو التعليقات الناتجة عن النصوص). الفراغ بين العناصر هو نodus النصي أيضًا.

firstElementChild العنصر الأولالعناصر الفرعية（لا تعود النصوص والتعليقات الناتجة عن هذا النص).

lastChild و lastElementChild

lastChild العنصر الأخيرالعناصر الفرعية（عناصر النصوص أو العناصر أو التعليقات الناتجة عن النصوص). الفراغ بين العناصر هو نodus النصي أيضًا.

lastElementChild العنصر الأخيرالعناصر الفرعية（لا تعود النصوص والتعليقات الناتجة عن هذا النص).

النص

element.firstChild

أو

node.firstChild

القيمة المعدودة

النوع الوصف
العنصر

الفرز الأول للعنصر.

إذا لم يكن هناك فرز، يتم العودة إلى null.

دعم المتصفحات

element.firstChild هي خاصية DOM Level 1 (1998).

يدعم جميع المتصفحات بشكل كامل:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم