vanilla javascript 前缀以 css 选择器开头

Question

有谁知道在 vanilla js 中运行 [class^='xyz-'] css 选择器搜索的可靠方法，无需任何库，在整个 dom 上无需关闭浏览器？

基本上是一个 $('[class^="xyz-"]').length 检查，不使用 jQuery...它只需要找到一个匹配项并且可以中断；就在之后。

谢谢你！

编辑：应该是跨浏览器和移动设备，可能是 ie7+

Answer 1

您可以将其与querySelector.

document.querySelector("[class^='xyz-']");

querySelectorAll如果您需要多个元素，您也可以这样做。

这是一个JSFiddle，它将把项目记录到控制台中。