صفات firstChild HTML DOM

مثلث عنصر DOM

firstChildممتلكات قراءة فقط تعود إلى أول فرع للعنصر كعنصر Node.

إذا لم يكن لدي العنصر أي فرع، فإن هذه الطريقة سترجعفراغالقيمة.

تُعتبر الفراغات داخل العنصر نص، وتُعتبر النص عناصر، والتعليقات تُعتبر أيضًا عناصر.

لتفادي مشكلة عودة firstChild إلى نود #text أو #comment، يمكنك استخدامfirstElementChildيُرجع فقط العنصر الأول.

للعودة إلى آخر فرع مخصص للعنصر، استخدمlastChildالصفات.

النحو:

node.firstChild

<div>
　　　<p>هذا هو P الأول داخل DIV</p>
　　　<p>هذا هو P الثاني داخل DIV</p>
　　　<p>هذا هو الثالثة من P داخل DIV</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

لكن، إذا قمنا بحذف الفراغ بين DIV والإشارة الأولى للP، فإن الناتج سيكون وسم P وليس #text:

<div><p>هذا هو P الأول داخل DIV</p>
　　　<p>هذا هو P الثاني داخل DIV</p>
　　　<p>هذا هو الثالثة من P داخل DIV</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

توافق المتصفح

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

تفاصيل التقنية

مراجع مرتبطة

مرجع DOM HTMLالنود خصائص .lastChild

مرجع DOM HTMLالنود خصائص .childNodes

مرجع DOM HTMLالنود خصائص .parentNode

مرجع DOM HTMLالنود خصائص .nextSibling

مرجع DOM HTMLالنود خصائص .previousSibling

مرجع DOM HTMLالنود خصائص .nodeName

مثلث عنصر DOM