Javascript 过滤 HTMLCollection

Question

我想从浏览器加载的所有 js 文件中获取特定的查询参数。 我的查询参数位于名为script.js的 js 文件中（例如： https://abcd.com/script.js?code=123 ）。 在浏览器控制台中，我尝试这样：

const scripts = document.getElementsByTagName("SCRIPT")
scripts.filter((script) => { return script.src.includes("script.js?code=")})

但这会返回错误Uncaught TypeError: document.getElementsByTagName(...).filter is not a function 。 请建议代码更改或有更好的方法来获得相同的？

Answer 1

getElementsByTagName 之类的方法不返回数组，而是返回节点列表。 只需用括号和扩展运算符包装您的查询选择器即可从节点列表创建一个数组。

const scripts = [...document.getElementsByTagName("SCRIPT")]
scripts.filter((script) => { return script.src.includes("script.js?code=")})