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()來獲取包含alert和提示符的所有<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>