.documentElement

https://developer.mozilla.org/en-US/docs/Web/API/document.documentElement

ドキュメントのルート要素を返します。 (例えば、HTMLドキュメントの<html>要素)
読み取り専用です。

文法

var element = document.documentElement;

例

var rootElement = document.documentElement;
var firstTier = rootElement.childNodes;

// firstTierはルート要素の直接の子のNodeListになります。
for (var i = 0; i < firstTier.length; i++) {
   // ルート要素の直接の子をfirstTier[i]として、
   // 何らかの処理を行います。
}

注意事項

このプロパティは読み取り専用で、あるドキュメントに関連付くルート要素を取得するのに便利です。

HTMLドキュメントは一般的に単一の子ノード、<html>を、もしかするとその前にDOCTYPE宣言を含むかもしれません。 XMLドキュメントは多くの場合、ルート要素、DOCTYPE宣言、処理命令の複数の子ノードを含みます。

これがルート要素を取得するのにdocument.firstChildではなく、 document.documentElementを使用すべき理由です。

仕様

DOM Level 2 Core: Document.documentElement

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

特定のブラウザに特化しすぎている情報やあまりにも古い情報、または試験的に導入されているようなAPIや機能については、省略していることがあります。
例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
"訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。