عرض مصدر JavaScript/Document/documentElement

<noinclude>{{DISPLAYTITLE:<code>Document.documentElement</code>}}</noinclude>

تُعيد عنصر <code>Element</code> الذي هو العنصر الجذر في المستند <code>document</code> (على سبيل المثال، العنصر <code><html></code> في مستندات HTML).

==البنية العامّة==
<syntaxhighlight lang="javascript">
var element = document.documentElement;
</syntaxhighlight>


==مثال==
<syntaxhighlight lang="javascript">
var rootElement = document.documentElement;
var firstTier = rootElement.childNodes;

for (var i = 0; i < firstTier.length; i++) {
   // نفّذ عمليّة ما مع كل واحد من الأولاد المُباشِرين للعنصر الجذر
   // firstTier[i]
}
</syntaxhighlight>
في المثال أعلاه، المتغير <code>firstTier</code> هو كائن من النوع <code>NodeList</code> الذي يحوي الأولاد المُباشِرين للعنصر الجذر.
==مُلاحظات==
مُستندات HTML تحتوي في العادة على عقدة ولد واحدة فقط، وهي العنصر <code><html></code> وربما مع تعريف DOCTYPE قبلها. أمّا مُستندات XML فعادة ما تحتوي على العديد من العقد الأولاد: العنصر الجذر، تعريف DOCTYPE، وتعليمات المُعالجة (processing instructions).
لهذا يجب عليك استعمال <code>document.documentElement</code> عوضا عن <code>document.firstChild</code> للحصول على العنصر الجذر.


==المواصفات==
* مواصفة [http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-87CD092 DOM Level 2 Core: Document.documentElement].