1

私は次の階層を持っています:

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;

変数で first-child または nth-child を使用するにはどうすればよいですか?

4

1 に答える 1

0

私はこれに出くわし、それが私が必要としていたものだと思います!

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

そして... 0 = 最初の子、1 = n 番目の子 (2)、など

また... 'li' は 'div' などに変更できます。

（またはそう思われる！）

于 2016-11-16T20:22:51.710 に答える