我在涉及querySelector()的一行程序上搞混/思考，并在这里结束，并有一个可能的答案，使用标记名称和querySelector()，以@JaredMcAteer回答我的问题，也就是在香草Javascript中与querySelector()进行rerex类匹配

希望以下内容对OP或其他人的需求有用:

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

然后，我们可以，例如，获得src的东西，等等……

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

[id^='someId']将匹配所有以someId开头的id。

[id$='someId']将匹配所有以someId结尾的id。

[id*='someId']将匹配所有包含someId的id。

如果您正在寻找name属性，只需将id替换为name。

如果你说的是元素的标签名，我不相信有一种使用querySelector的方法

我只是写了这个简短的剧本;似乎有用。

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

我正在寻找regex +不是+多类选择器，这就是我得到的。

希望这有助于有人寻找同样的事情!

// contain abc class
"div[class*='abc']" 

// contain exact abc class
"div[class~='abc']" 

// contain exact abc & def(case-insensitively)
"div[class~='abc'][class*='DeF'i]" 

// contain exact abc but not def(case-insensitively)
"div[class~='abc']:not([class*='DeF'i])" 

css选择器doc: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

简单测试:https://codepen.io/BIgiCrab/pen/BadjbZe

将tagName设置为显式属性:

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

我自己也需要这个，对于一个XML文档，以_Sequence结尾的嵌套标记。详情见jaredcateer回答。

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

我没说它会很漂亮:) PS:我建议使用tag_name而不是tagName，这样你在读取“计算机生成的”隐式DOM属性时就不会遇到干扰。

我在涉及querySelector()的一行程序上搞混/思考，并在这里结束，并有一个可能的答案，使用标记名称和querySelector()，以@JaredMcAteer回答我的问题，也就是在香草Javascript中与querySelector()进行rerex类匹配

希望以下内容对OP或其他人的需求有用:

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

然后，我们可以，例如，获得src的东西，等等……

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