В QuerySelector: как получить первое и получить последние элементы? Какой порядок обхода используется в DOM? ⇐ Html

[Anonymous]

В Div есть элементы (не обязательно 2 -е поколение) с атрибутом move_id < /code>. < /p>

Во -первых, хотел бы наиболее прямой способ извлечения первого и последнего Элементы Set < /p>

попытались получить первое и последнее через: < /p>

Код: Выделить всё

var first = div.querySelector('[move_id]:first');
var last  = div.querySelector('[move_id]:last');
< /code>

Эти бомбы, потому что: первое и: последнее, с моей стороны мыслили (?) < /p>

Невозможно использовать Методы массива QuerySelectorall 

Поскольку Nodelist не является массивом:

var first = (div.querySelectorAll('[move_id]'))[0];
var last = (div.querySelectorAll('[move_id'])).pop();
< /code>

Эти бомбы, потому что Nodelist < /code> не имеет метода pop () < /code> < /p>

( Да, можно было бы использовать методы массива поверх узла: < /p>

var first = div.querySelector('[move_id]');
var last = Array.prototype.pop.call(div.querySelectorAll('[move_id']));
< /code>

Это работает, и это то, что я сейчас использую, но думает, что должно быть что -то более прямое, что я просто не хватает) < /p>

Во-вторых, необходимо убедиться, что элементы перечислены до глубины глубины, согласно http://en.wikipedia.org/wiki/tree_traversal

Подробнее здесь: https://stackoverflow.com/questions/568 ... -traversal