如何使用querySelectorAll

时间:2016-02-14 18:22:13

标签: javascript

我试图获得具有相同类名的多个元素。 基本上我喜欢复制导航菜单,所以我在一个网站上有两个相同的菜单。如果单击MENU 1上的链接,则应在MENU 1和MENU 2中执行操作。

我已尝试使用queryselectorAll调用它们但没有取得任何工作结果。

也许专业人士可以帮助我。

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/

1 个答案:

答案 0 :(得分:1)

  

document.querySelectorAll 返回文档中元素的列表(使用文档的深度优先预先遍历遍历)   节点)匹配指定的选择器组。物体   返回的是NodeList。

所以你可以按照以下方式使用它:

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

OR

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