在前端开发中，我们经常需要通过选择器来获取DOM元素。而querySelectorAll是一个非常常用的API，它可以根据CSS选择器来查找匹配的元素。
但是有时候，我们需要更加灵活地使用选择器，比如根据属性值的一部分或者特定格式来选择元素。这时候，我们就会想到是否可以在querySelectorAll中使用正则表达式呢？
答案
很遗憾，querySelectorAll并不直接支持正则表达式。但是，我们可以通过一些技巧来实现类似的功能。
技巧1：使用属性选择器
如果我们想要选择属性值中包含某个字符串的元素，可以使用属性选择器[attr*=value]，其中*=表示包含。
例如，我们想要选择所有class属性中包含foo的元素，可以这样写：
document.querySelectorAll('[class*=foo]');技巧2：使用自定义属性
如果我们想要选择特定格式的元素，可以考虑使用自定义属性。我们可以将符合条件的元素设置一个自定义属性，然后使用[attr=value]选择器来选择这些元素。
例如，我们想要选择所有id以bar_开头的元素，可以这样写：
<div id="bar_1" data-regexp></div> <div id="bar_2"></div> <div id="baz_1" data-regexp></div>
document.querySelectorAll('[data-regexp][id^=bar_]');技巧3：使用filter方法
如果我们想要更加复杂的选择器，可以在querySelectorAll之后使用filter方法来过滤元素。
例如，我们想要选择所有含有foo或者bar类名的元素，可以这样写：
const regex = /foo|bar/;
const elements = Array.from(document.querySelectorAll('*'));
const filteredElements = elements.filter(el => regex.test(el.className));总结
虽然querySelectorAll并不直接支持正则表达式，但是我们可以通过属性选择器、自定义属性和filter方法等技巧来实现类似的功能。掌握这些技巧可以让我们更加灵活地使用选择器，从而提高前端开发的效率。
希望本文能够对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/606ee2722d2a29a3c120222e