Kann ich logische Operatoren in document.querySelectorAll einfügen? Wenn das so ist, wie?

Question

Sagen wir, ich möchte alle div Elemente und span innerhalb finden. Ist es möglich, alle zu bekommen, was ich in einem einzigen `querySelectorAll“ Aufruf will

Konzeptionell sollte es so etwas wie document.querySelectorAll("div | p span")?.. (Wenn | bedeutet oder)

Answer 1

Ja Sie können das gleiche verwenden logische Operatoren in CSS erlaubt:

OR: Kette Selektoren mit Komma

document.querySelectorAll('div, p span'); 
// selects divs, and spans in ps 

UND: Kette Selektoren ohne Leerzeichen

document.querySelectorAll('div.myClass'); 
// selects divs with the class "myClass" 

NICHT: :not() -selector

document.querySelectorAll('div:not(.myClass)'); 
// selects divs that do not have the class "myClass"