Document.querySelector()未返回全部元素，如何调整JSPath匹配CSS选择器结果

JSPath调整方案 #

• 替换DOM查询API：将你当前调用的querySelector方法替换为querySelectorAll。原生JS中querySelector仅返回首个匹配的DOM元素，和你目前的JSPath表现一致；querySelectorAll会返回所有符合规则的匹配元素静态集合，和CSS选择器的返回逻辑完全对齐。
• 调整自定义JSPath的遍历逻辑：如果你用的是自己封装的JSPath实现，当前逻辑应该是匹配到第一个符合规则的元素就终止遍历直接返回，需要修改为遍历完所有DOM节点后，把所有匹配项存入数组统一返回。
• 开启第三方库的全量匹配配置：如果用的是第三方JSPath工具，直接查阅官方配置说明，找到返回结果数量的配置项，将默认的「返回首个匹配」修改为「返回全量匹配结果」即可。
• 额外适配提示：querySelectorAll返回的是NodeList类数组对象，如果你需要使用数组的实例方法，可以用Array.from(匹配结果)或者扩展运算符[...匹配结果]转成普通数组使用。

内容的提问来源于stack exchange，提问作者Learner