如何针对选择器查询检查JavaScript DOMElement

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>