javascript - 如何根据选择器查询检查 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>