¿Puedo poner operadores lógicos en document.querySelectorAll? ¿Si es así, cómo?
Digamos que quiero encontrar todos div
los elementos y span
el interior p
.
¿Es posible conseguir todo lo que quiero en una sola querySelectorAll
invocación?
Conceptualmente debería ser algo así como document.querySelectorAll("div | p span")
(donde |significa o ).
Aceptado
Sí. Puedes utilizar los mismos operadores lógicos permitidos en CSS:
O: selectores de cadena con comas
document.querySelectorAll('div, p span');
// selects divs, and spans in ps
Y: selectores de cadena sin espacios en blanco
document.querySelectorAll('div.myClass');
// selects divs with the class "myClass"
NO: :not()
-selector
document.querySelectorAll('div:not(.myClass)');
// selects divs that do not have the class "myClass"