«Меню> Ли: первый-ребенок» в качестве переменной для «getBoundingClientRect() левый»

Question

У меня есть иерархия последующих:

menu > li:first-child 
menu > li:nth-child(2) 
menu > li:nth-child(3) 
menu > li:nth-child(4) 
menu > li:nth-child(5) 
menu > li:nth-child(6) 
menu > li:nth-child(7) 
menu > li:nth-child(8) 
menu > li:nth-child(9) 

Я пытаюсь поставить каждого из них в переменной для того, чтобы :

var fromleft = box.getBoundingClientRect().left; 
var fromtop = box.getBoundingClientRect().top; 

Он работает прямо сейчас с:

var box = document.getElementById('menu'); 
var fromleft = box.getBoundingClientRect().left; 
var fromtop = box.getBoundingClientRect().top; 

но не с:

var box = document.getElementById('menu > li:first-child'); 
var fromleft = box.getBoundingClientRect().left; 
var fromtop = box.getBoundingClientRect().top; 

Что мне нужно сделать для того, чтобы использовать первичную или n-мерную дочернюю переменную в переменной?

Answer 1

Я наткнулся на это, и я думаю, что это то, что мне нужно!

var box = document.getElementById('sdt_menu').getElementsByTagName('li')[0];" 

И ... 0 = первый-ребенок, 1 = п-й ребенок (2), ЭСТ

Кроме того ... 'ли' может быть изменен на 'DIV' и другие.

(или так кажется!)