querySelector, joker öğe eşleşiyor mu?

querySelectorVeya kullanarak bir joker öğe adı eşlemesi yapmanın bir yolu var mı querySelectorAll? Özellik sorgularında joker karakterler için destek görüyorum, ancak öğelerin kendileri için değil.

Ayrıştırmaya çalıştığım XML belgesi temelde düz bir özellik listesi ve adlarında belirli dizeler bulunan öğeleri bulmam gerekiyor.

Buna ihtiyacım olursa XML belgesinin muhtemelen yeniden yapılandırmaya ihtiyaç duyduğunun farkındayım ama bu olmayacak.

Görünüşe göre kullanımdan kaldırılmış XPath'ı kullanmaya geri dönmek dışında herhangi bir çözüm (IE9 onu bıraktı) kabul edilebilir.

[id^='someId']ile başlayan tüm kimliklerle eşleşecek someId.

[id$='someId']ile biten tüm kimliklerle eşleşecek someId.

[id*='someId']içeren tüm kimliklerle eşleşecek someId.

nameÖzniteliği arıyorsanız, sadece yerine idkoyun name.

Öğenin etiket adından bahsediyorsanız, kullanmanın bir yolu olduğuna inanmıyorum querySelector

SorguSelector () içeren tek satırlıklarla uğraşıyordum ve buraya geldim ve OP sorusuna, etiket adlarını ve querySelector () kullanarak olası bir yanıt aldım, soruyu yanıtlamak için @JaredMcAteer'a kredilerle, diğer adıyla RegEx benzeri vanilya Javascript'teki querySelector () ile eşleşir

Aşağıdakilerin yararlı olacağını ve OP'nin veya diğer herkesin ihtiyaçlarına uygun olacağını ummak:

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

Sonra, örneğin src şeyler vb. Alabiliriz ...

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

TagName öğesini açık bir öznitelik olarak ayarlayın:

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

İç İçe Etiketler ile biten bir XML Belgesi için buna ihtiyacım vardı _Sequence. Daha fazla ayrıntı için JaredMcAteer yanıtına bakın.

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

Güzel olacağını söylemedim :) Not: tag_nameover tagName kullanmanızı tavsiye ederim , böylece 'bilgisayar tarafından oluşturulan' örtük DOM özniteliklerini okurken parazitlerle karşılaşmazsınız.

Bu kısa senaryoyu henüz yazdım; işe yarıyor gibi görünüyor.

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

Ne olmadığını söylemenin bir yolu var. Sadece asla olmayacak bir şey yap. İyi bir css seçici referansı: https://www.w3schools.com/cssref/css_selectors.asp : not seçicisini aşağıdaki gibi gösterir:

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

İşte bir örnek: bir div ve ardından bir şey (az etiketi dışında herhangi bir şey)

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