Как использовать querySelectorAll

Question

Я пытаюсь получить несколько элементов с тем же именем класса. В основном я люблю дублировать меню навигации, поэтому на одном сайте есть два одинаковых меню. Если я нажимаю на ссылку в МЕНЮ 1, действие должно происходить в МЕНЮ 1 и МЕНЮ 2.

Я попытался позвонить им с запросом на выбор, но не получил никаких рабочих результатов.

Может быть, про может помочь мне.

var menuEl = document.querySelectorAll('.menu'); 
document.mlmenu = new MLMenu(menuEl, {}); 

...

<!-- MENU 1 --> 
<nav class="menu"> 
... 
</nav> 

<!-- MENU 2 --> 
<nav class="menu"> 
... 
</nav> 

https://jsfiddle.net/m816o1ne/

Answer 1

document.querySelectorAll Возвращает список элементов в документе (с использованием глубину первого предварительного заказа обхода документа ), которые соответствуют указанной группе селекторов. Возвращаемый объект является NodeList.

Таким образом, вы можете использовать его в следующем виде:

var menuEl = document.querySelectorAll('.menu'); 
for(var i=0;i<menuEl.length;i++){ 
    console.log(menuEl[i]); 
} 

ИЛИ

[].forEach.call(document.querySelectorAll('.menu'),function(elem){ 
    console.log(elem); 
})