我试图获得具有相同类名的多个元素。 基本上我喜欢复制导航菜单,所以我在一个网站上有两个相同的菜单。如果单击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>
答案 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);
})