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

【问题标题】：Return all or specific md-menu element返回所有或特定的 md-menu 元素
【发布时间】：2018-10-19 12:32:42
【问题描述】：

我的页面上有几个 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 并将其删除。如果这不可能，我希望有一种方法可以返回所有类，然后我会遍历数组找到类并将其删除。

【问题讨论】：

标签： angularjs material-design angularjs-material

【解决方案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");

【讨论】：

这也是我在问题中发布的内容。我希望有一个 AngularJS 解决方案。例如通过范围。