{{ ApiRef("DOM") }}
O document.documentElement retorna o Elemento que é o elemento raiz do documento (por exemplo, o elemento <html> para documentos HTML).
var element = document.documentElement;
var rootElement = document.documentElement;
var primeiroNivel = rootElement.childNodes;
// primeiroNivel é a NodeList do filho direto do elemento raíz
for (var i = 0; i < primeiroNivel.length; i++) {
// faça algo com cada filho direto do elemento raiz
// como primeiroNivel[i]
}
Esta propriedade é uma conveniência somente leitura para obter o elemento raiz associado com qualquer documento.
Documentos HTML tipicamente contém somente um único nó filho, <html>, talvez com uma declaração DOCTYPE antes dele. Documentos XML, frequentemete contêm múltiplos nós filhos: o elemento de raiz, a declaração DOCTYPE, e as instruções de processamento.
É por isso que você deve usar document.documentElement em vez de {{Domxref ("document.firstChild")}} para obter o elemento raiz.