querySelector, corrispondenza elemento jolly?

C'è un modo per far corrispondere un nome di elemento jolly usando querySelectoro querySelectorAll? Vedo il supporto per i caratteri jolly nelle query sugli attributi, ma non per gli elementi stessi.

Il documento XML che sto cercando di analizzare è fondamentalmente un elenco semplice di proprietà e ho bisogno di trovare elementi che abbiano determinate stringhe nei loro nomi.

Mi rendo conto che il documento XML probabilmente ha bisogno di una ristrutturazione se ne ho bisogno, ma questo non accadrà.

È accettabile qualsiasi soluzione, tranne tornare all'utilizzo di XPath apparentemente deprecato (IE9 lo ha rilasciato).

[id^='someId']corrisponderà a tutti gli ID che iniziano con someId.

[id$='someId']corrisponderà a tutti gli ID che terminano con someId.

[id*='someId']corrisponderà a tutti gli ID contenenti someId.

Se stai cercando l' nameattributo, sostituiscilo idcon name.

Se stai parlando del nome del tag dell'elemento, non credo che ci sia un modo per usarlo querySelector

Stavo scherzando / meditando su one-liner che coinvolge querySelector () e sono finito qui, e ho avuto una possibile risposta alla domanda OP usando i nomi dei tag e querySelector (), con crediti a @JaredMcAteer per aver risposto alla mia domanda, ovvero con RegEx-like corrisponde a querySelector () in Javascript vaniglia

Sperando che quanto segue sia utile e adatto alle esigenze del PO o di tutti gli altri:

// basically, of before:
var youtubeDiv = document.querySelector('iframe[src="http://www.youtube.com/embed/Jk5lTqQzoKA"]')

// after     
var youtubeDiv = document.querySelector('iframe[src^="http://www.youtube.com"]');
// or even, for my needs
var youtubeDiv = document.querySelector('iframe[src*="youtube"]');

Quindi, ad esempio, possiamo ottenere le cose SRC, ecc ...

console.log(youtubeDiv.src);
//> "http://www.youtube.com/embed/Jk5lTqQzoKA"
console.debug(youtubeDiv);
//> (...)

Imposta tagName come attributo esplicito:

for(var i=0,els=document.querySelectorAll('*'); i<els.length;
          els[i].setAttribute('tagName',els[i++].tagName) );

Ne avevo bisogno anch'io, per un documento XML, con i tag nidificati che terminavano _Sequence. Vedi la risposta di JaredMcAteer per maggiori dettagli.

document.querySelectorAll('[tagName$="_Sequence"]')

Non ho detto che sarebbe carino :) PS: consiglierei di usare tag_namesu tagName, quindi non ti imbatterai in interferenze durante la lettura di attributi DOM impliciti generati dal computer.

Ho appena scritto questa breve sceneggiatura; sembra funzionare.

/**
 * Find all the elements with a tagName that matches.
 * @param {RegExp} regEx  regular expression to match against tagName
 * @returns {Array}       elements in the DOM that match
 */
function getAllTagMatches(regEx) {
  return Array.prototype.slice.call(document.querySelectorAll('*')).filter(function (el) { 
    return el.tagName.match(regEx);
  });
}
getAllTagMatches(/^di/i); // Returns an array of all elements that begin with "di", eg "div"

C'è un modo dicendo ciò che non lo è. Basta fare il non qualcosa che non sarà mai. Un buon riferimento al selettore CSS: https://www.w3schools.com/cssref/css_selectors.asp che mostra il selettore: not come segue:

:not(selector)  :not(p) Selects every element that is not a <p> element

Ecco un esempio: un div seguito da qualcosa (tutt'altro che tag az)

div > :not(z){
 border:1px solid pink;
}