返回所有或特定的md-menu元素

Question

我的页面上有几个md-menu元素。我想在其中一个md-menu元素中选择一个特定元素。

CodePen示例：https://codepen.io/anon/pen/LmQNzv

let q = document.getElementsByClassName('md-open-menu-container');
console.log(q)

这将返回所有md-open-menu-container个元素。最初，数组是空的，因为当您单击要打开的按钮时会创建md元素。如果菜单关闭，他们也不会自行删除它们。

我希望有一种更优雅的方式来查找菜单元素，然后浏览所有类。目标是传递与单击按钮对应的菜单元素，并在该元素中查找特定类md-focused并将其删除。如果那是不可能的，我希望有一个方法来返回所有类，我会遍历查找类的数组并将其删除。

Answer 1

  

您可以通过访问javascript中的HTML DOM属性来实现。

//check for the element with Id, then its class list then your desired class.
document.getElementById("elementId").classList.contains("yourClassName");
//then remove or add using
document.getElementById("elementId").classList.add("yourClassName");
document.getElementById("elementId").classList.remove("yourClassName");