Чтобы получить первый элемент child, вы можете использовать ...
document.body.firstElementChild;
... но более старые brwosers не поддерживают это.
Метод, который имеет большую поддержку, это children collection ...
document.body.children[0];
..., которая имеет довольно хорошую поддержку, но все еще имеет некоторые дыры с точки зрения старых браузеров.
(Просто дважды проверьте, и если вы не поддерживаете Firefox 3 и если вы не включаете комментарии HTML-кода в разметку, использование .children будет безопасным.)
Чтобы обеспечить самую широкую поддержку браузера, создайте функцию ...
function firstElementChild( parent ) {
var el = parent.firstChild;
while( el && el.nodeType !== 1 )
el = el.nextSibling;
return el;
}
и используйте его вот так ...
var h1 = firstElementChild( document.body );