مثال
الحصول على محتوى HTML من عقدة تابعة الأولى من <ul> العنصر:
var x = document.getElementById("myList").firstChild.innerHTML;ونتيجة لالعاشر على النحو التالي:
Coffee انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية firstChild ترجع عقدة تابعة الأولى من العقدة المحددة، ككائن عقدة.
الفرق بين هذا العقار و firstElementChild ، هو أن firstChild إرجاع العقدة الطفل الأولى باعتبارها عقدة عنصر، عقدة النص أو عقدة تعليق (depending on which one's first) ، في حين يعود firstElementChild العقدة الطفل الأولى باعتبارها عقدة عنصر (ignores text and comment nodes) .
ملاحظة: تعتبر مسافة بيضاء داخل العناصر كنص، ويعتبر النص كما عقد (See "More Examples") .
هذه الخاصيه للقراؤه فقط.
نصيحة: استخدم .childNodes عنصر الملكية للعودة أي عقدة الطفل من العقدة المحددة. childNodes [0] سوف تعطي نفس النتيجة كما firstChild.
نصيحة: للعودة للمشاركة عقدة تابعة للعقدة محدد، استخدم lastChild الممتلكات.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| firstChild | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
node .firstChildتفاصيل تقنية
| قيمة الإرجاع: | كائن عقدة، وهو ما يمثل أول طفل من عقدة، أو لاغية إذا لم تكن هناك العقد التابعة |
|---|---|
| صفحة DOM | المستوى الأساسي كائن 1 عقدة |
مزيد من الأمثلة
مثال
في هذا المثال، علينا أن نظهر كيف بيضاء قد interfare مع هذه الخاصية.
الحصول على اسم عقدة عقدة تابعة الأولى من <div> العنصر:
<!--
Whitespace inside elements is considered as text, and text is
considered as nodes
In this example, there is whitespace before <p>,
before <span> and after <span>
Therefore, the first child
node of <div> is a #text node, and not the <p> element you expected
-->
<div id="myDIV">
<p>Looks
like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>ونتيجة لالعاشر على النحو التالي:
#text انها محاولة لنفسك » مثال
ومع ذلك، إذا كنا إزالة المسافات من المصدر، وعدم وجود العقد #text في <div>، الأمر الذي سيجعل من <p> عنصر أول عقدة الطفل:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>ونتيجة لالعاشر على النحو التالي:
P انها محاولة لنفسك » مثال
الحصول على نص عقدة تابعة الأولى من <select> العنصر:
var x = document.getElementById("mySelect").firstChild.text;ونتيجة لالعاشر على النحو التالي:
Audi انها محاولة لنفسك » صفحات ذات صلة
HTML DOM إشارة: عقدة. lastChild الملكية
HTML DOM إشارة: عقدة. childNodes الملكية
HTML DOM إشارة: عقدة. parentNode الملكية
HTML DOM إشارة: عقدة. nextSibling الملكية
HTML DOM إشارة: عقدة. previousSibling الملكية
HTML DOM إشارة: عقدة. nodeName الملكية