English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
firstElementChildسمة HTML DOM firstElementChild
سمة فقط للقراءة ترجع الأولى الأولاد للعنصر الأم المحدد.nullإذا لم يكن لدي العنصر الأم أي أولاد، فإن هذه الطريقة سترجع
القيمة.childrenسمة ترجع أي أولاد للعنصر الأم المحدد. children [0] سيرجع نفس النتيجة مثل firstElementChild.
لإرجاع الأخرى الأولى للأولاد للعنصر الأم المحدد، استخدمlastElementChildسمة.
ParentElement.firstElementChild
<div>
<p>هذا هو العنصر الأول من DIV</p>
<p>هذا هو العنصر الثاني من DIV</p>
<p>هذا هو العنصر الثالث من DIV</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>اختبار أرقام‹/›دعم جميع المتصفحات لسمة firstElementChild بشكل كامل:
| سمة | |||||
| firstElementChild | هو | هو | هو | هو | هو |
| القيمة المعدة: | مثلجة Node، تمثل الأولى الأولاد للعنصر الأم المحدد؛ إذا لم يكن هناك أي أولاد، فإنهnull |
|---|---|
| إصدار DOM： | مستوى DOM 1 |
الحصول على محتوى HTML لأول ابن عنصر DIV:
<div>
<p>هذا هو العنصر الأول من DIV</p>
<p>هذا هو العنصر الثاني من DIV</p>
<p>هذا هو العنصر الثالث من DIV</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>اختبار أرقام‹/›تعديل محتوى HTML لأول ابن عنصر DIV:
var div = document.querySelector("div");
div.firstElementChild.textContent = "HELLO WORLD";اختبار أرقام‹/›مرجع DOM HTMLخصائص lastElementChild