مثال
الحصول على محتوى HTML للمشاركة عقدة تابعة ل <ul> العنصر:
var x = document.getElementById("myList").lastChild.innerHTML;ونتيجة لالعاشر على النحو التالي:
Tea انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية lastChild ترجع مشاركة عقدة تابعة للعقدة محددة، ككائن عقدة.
الفرق بين هذا العقار و lastElementChild ، هو أن lastChild إرجاع مشاركة عقدة الطفل بوصفه عقدة عنصر، عقدة النص أو عقدة تعليق (depending on which one's last) ، في حين يعود lastElementChild الأخيرة عقدة الطفل بوصفه عقدة عنصر (ignores text and comment nodes) .
ملاحظة: تعتبر مسافة بيضاء داخل العناصر كنص، ويعتبر النص كما عقد (See "More Examples") .
هذه الخاصيه للقراؤه فقط.
نصيحة: استخدم .childNodes عنصر الملكية للعودة أي عقدة الطفل من العقدة المحددة.
نصيحة: للعودة العقدة الطفل الأولى من العقدة المحددة، واستخدام firstChild الممتلكات.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| lastChild | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
node .lastChildتفاصيل تقنية
| قيمة الإرجاع: | كائن عقدة، وهو ما يمثل الطفل الأخير من عقدة، أو لاغية إذا لم تكن هناك العقد التابعة |
|---|---|
| صفحة 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 last child
node of <div> is a #text node, and not the <span> 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" ).lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>ونتيجة لالعاشر على النحو التالي:
#text انها محاولة لنفسك » مثال
ومع ذلك، إذا كنا إزالة المسافات من المصدر، وعدم وجود العقد #text في <div>، الأمر الذي سيجعل من <span> عنصر العقدة الطفل الماضية:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>ونتيجة لالعاشر على النحو التالي:
SPAN انها محاولة لنفسك » مثال
الحصول على نص آخر عقدة تابعة ل <select> العنصر:
var x = document.getElementById("mySelect").lastChild.text;ونتيجة لالعاشر على النحو التالي:
Volvo انها محاولة لنفسك » صفحات ذات صلة
HTML DOM إشارة: عقدة. firstChild الملكية
HTML DOM إشارة: عقدة. childNodes الملكية
HTML DOM إشارة: عقدة. parentNode الملكية
HTML DOM إشارة: عقدة. nextSibling الملكية
HTML DOM إشارة: عقدة. previousSibling الملكية
HTML DOM إشارة: عقدة. nodeName الملكية