Как проверить JOME-элемент JavaScript по запросу селектора

Question

У меня есть элемент DOM в переменной, например

<div>
    <div id="hello"></div>
</div>
...
var a = document.getElementById("hello");

, тогда мне нужно знать, будет ли a перехватываться этим запросом селектора

"div>div.stuff"

Как проверить, заполняет ли сохраненный элемент DOMElement запрос селектора?

Answer 1

Вы можете проверить, прошел ли элемент .matches переданную строку селектора:

var a = document.getElementById("hello");
console.log(a.matches("div>div.stuff"));

<div>
    <div id="hello"></div>
</div>

var a = document.getElementById("hello");
console.log(a.matches("div>div.stuff"));

<div>
    <div id="hello" class="stuff foobar"></div>
</div>