Возврат всего или определенного элемента md-menu

Question

У меня есть несколько элементов md-меню на моей странице. Я хочу выбрать определенный элемент внутри одного из элементов 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

Вы можете сделать это, открыв свойства HTML DOM в javascript.

//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");