Ignorando la sensibilidad de mayúsculas y minúsculas en querySelectorAll

Tengo este código:

Click Click Click Click 

Ahora, al usar console.log(document.querySelectorAll("a[href^='javascript:prompt('],a[href^='javascript:alert(']")); obtendría todos esos elementos como NodeList.

Pero, tengo el texto HTML dado con diferentes letras en javascript . Es decir, mira el siguiente código:

 Click Click Click Click 

Lo mencioné, pero usar *= lugar de ^= no ayuda. Sé que ^= equivale a “comienza con” , pero ¿qué significa *= ?

¿Cómo puedo escribir un querySelectorAll genérico para todas las permutaciones de javascript ?

Al menos, Chrome y Firefox son compatibles con el calificador de insensibilidad de mayúsculas i en un selector (como se define aquí: https://drafts.csswg.org/selectors-4/#overview )

 var divs = document.querySelectorAll('div[class^="foo" i]'); console.log(divs.length); // should be 3 :) 
 
foobar
Foobar
fOobar

Uso :not pseudoselector y destino de todos los anclajes que no tienen la palabra http . De esta forma solo recolectas los enlaces JS. Hay algunos anclajes normales mezclados en el fragmento y han sido filtrados.

RETAZO

 var NodeList = document.querySelectorAll('a:not([href*="http"]'); console.log(NodeList); 
 Click Click Click Click Click Click