javascript - regulares - ¿Puedo usar una expresión regular en querySelectorAll?

probar expresiones regulares

Question

En una página que estoy haciendo terminaré con elementos de link personalizados como este:

<link rel="multiply" type="service/math" src="path/to/service">
<link rel="substract" type="service/math" src="path/to/service">
...

Estoy tratando de usar querySelectorAll para recuperar todos los elementos de enlace con un service/... tipo service/... especificado y no estoy llegando a ninguna parte.

Actualmente estoy seleccionando esto:

root.querySelectorAll(''link'');

lo que me da todos los elementos <link> cuando solo quiero los que tienen el service/.* tipo service/.*

Preguntas:
¿Puedo agregar una expresión regular a un selector QSA? Si es así, ¿cómo hacerlo?

Answer 1

Realmente no se puede usar una expresión regular en un selector, pero los selectores de CSS son lo suficientemente poderosos para su necesidad con una sintaxis "comienza con" inspirada en expresiones regulares.

Puede utilizar una subcadena de selectores de atributos coincidentes: link[type^=service]

Lee "Nodos de link de tipo con un type atributo que comienza con" servicio "

De la especificación formal :

[att ^ = val]

Representa un elemento con el atributo att cuyo valor comienza con el prefijo "val". Si "val" es la cadena vacía, el selector no representa nada.

Trabajando JSFiddle