document.querySelectorAll（）的多个值

Question

我有这段代码：

<a href="javascript:alert('something1')">Click</a>
<a href="javascript:prompt('something2')">Click</a>
<a href="javascript:alert('something3')">Click</a>
<a href="javascript:prompt('something4')">Click</a>

要获取单个set元素，我使用document.querySelectorAll("a[href^='javascript:alert(");和document.querySelectorAll("a[href^='javascript:prompt");。

现在，如何使用通用document.querySelectorAll()来获取包含警报和提示的所有此类<a href元素？

我试过了：

document.querySelectorAll("a[href^='javascript:prompt(,a[href^='javascript:alert(");

document.querySelectorAll("a[href^='javascript:prompt(","a[href^='javascript:alert(");

等等。但它没有用，导致"DOMException - not a valid selector"错误。

任何帮助？

Answer 1

您的选择器无效

1. 缺少属性值（'）的结束引用。
2. 缺少属性选择器]的结尾。
3. 还可以使用 querySelectorAll 获取NodeList， querySelector 仅返回单个元素。

console.log(
  document.querySelectorAll("a[href^='javascript:prompt('],a[href^='javascript:alert(']")
  //----------------------------------------------------^^---------------------------^^^
);

<a href="javascript:alert('something1')">Click</a>
<a href="javascript:prompt('something2')">Click</a>
<a href="javascript:alert('something3')">Click</a>
<a href="javascript:prompt('something4')">Click</a>