javascript - vanilla javascript 前缀以 css 选择器开头

Question

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

基本上是一个不使用 jQuery 的 $('[class^="xyz-"]').length 检查……它只需要找到一个出现并且可以中断；紧接着。

谢谢!

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

Answer 1

您可以将其与 querySelector 结合使用。

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

如果您需要多个元素，您也可以使用 querySelectorAll 执行此操作。

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