Javascript 使用querySelector通过InnerHTML选择元素

Javascript 使用querySelector通过InnerHTML选择元素,javascript,html,dom,element,Javascript,Html,Dom,Element,有没有办法通过innerHTML选择元素而不使用循环? 可以用这样的方法吗 document.querySelector('div[innerHTML="Sometext"]') 或 我使用jq“contains”来实现这一点。例如,如果我想获得带有一些内部Html的锚定标记,那么我会这样做 $('a:contains("sometext")') 我使用jq“contains”来实现这一点。例如,如果我想获得带有一些内部Html的锚定标记,那么我会这样做 $('a:contains("s

有没有办法通过innerHTML选择元素而不使用循环? 可以用这样的方法吗

document.querySelector('div[innerHTML="Sometext"]')

我使用jq“contains”来实现这一点。例如,如果我想获得带有一些内部Html的锚定标记,那么我会这样做

 $('a:contains("sometext")')
我使用jq“contains”来实现这一点。例如,如果我想获得带有一些内部Html的锚定标记,那么我会这样做

 $('a:contains("sometext")')
var-anchors=document.getElementsByTagName('a');
对于(var i=0;i
var锚=document.getElementsByTagName('a');

for(var i=0;iNo它不能。
querySelector
使用CSS选择器。如果您碰巧使用jQuery,它有一个非标准的
:contains()
选择器。它不能。
querySelector
使用CSS选择器。如果您碰巧使用jQuery,它有一个非标准的
:contains()
selector如何使用vanilla javascript实现这一点?如何使用vanilla javascript实现这一点?
    var anchors = document.getElementsByTagName('a');
    
    for(var i=0;i<anchors.length;i++){
    console.log(anchors[i].innerHTML)
    if(anchors[i].innerHTML == 'Products'){
    var menuButton = anchors[i].parentElement
    console.log(menuButton)
    break;
    
    }

}