querySelector, Platzhalterelementübereinstimmung?

Gibt es eine Möglichkeit, eine Wildcard-Elementnamenübereinstimmung mit querySelectoroder querySelectorAlldurchzuführen? Ich sehe Unterstützung für Platzhalter in Attributabfragen, aber nicht für die Elemente selbst.

Das XML-Dokument, das ich analysieren möchte, ist im Grunde eine flache Liste von Eigenschaften, und ich muss Elemente finden, deren Namen bestimmte Zeichenfolgen enthalten.

Mir ist klar, dass das XML-Dokument wahrscheinlich einer Umstrukturierung bedarf, wenn ich dies benötige, aber das wird einfach nicht passieren.

Jede Lösung, außer die Verwendung des scheinbar veralteten XPath (IE9 hat ihn gelöscht), ist akzeptabel.

[id^='someId']stimmt mit allen IDs überein, die mit beginnen someId.

[id$='someId']wird mit allen IDs übereinstimmen, die mit enden someId.

[id*='someId']stimmt mit allen IDs überein, die enthalten someId.

Wenn Sie nach dem nameAttribut suchen, ersetzen Sie es einfach iddurch name.

Wenn Sie über den Tag-Namen des Elements sprechen, glaube ich nicht, dass es einen Weg gibt, ihn zu verwenden querySelector

Ich habe über Einzeiler mit querySelector () nachgedacht und bin hier gelandet und habe eine mögliche Antwort auf die OP-Frage mit Tag-Namen und querySelector () erhalten, mit Credits an @JaredMcAteer für die Beantwortung meiner Frage, auch bekannt als RegEx-like stimmt mit querySelector () in Vanille-Javascript überein

In der Hoffnung, dass Folgendes nützlich ist und den Bedürfnissen des OP oder allen anderen entspricht:

// 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"]');

Dann können wir zum Beispiel das src-Zeug bekommen, etc ...

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

Legen Sie den tagName als explizites Attribut fest:

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

Ich brauchte dies selbst für ein XML-Dokument mit verschachtelten Tags, die auf enden _Sequence. Weitere Informationen finden Sie in der Antwort von JaredMcAteer .

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

Ich habe nicht gesagt, dass es hübsch wäre :) PS: Ich würde empfehlen, tag_nameüber tagName zu verwenden, damit Sie beim Lesen von 'computergenerierten' impliziten DOM-Attributen nicht auf Interferenzen stoßen.

Ich habe gerade dieses kurze Drehbuch geschrieben. scheint zu funktionieren.

/**
 * 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"

Es gibt einen Weg zu sagen, was nicht ist. Mach einfach das nicht etwas, was es niemals sein wird. Eine gute CSS-Selektorreferenz: https://www.w3schools.com/cssref/css_selectors.asp, die den: not-Selektor wie folgt anzeigt:

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

Hier ist ein Beispiel: ein div gefolgt von etwas (alles andere als ein az-Tag)

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