使用 querySelector 通过 InnerHTML 选择元素

Question

有没有办法在不使用循环的情况下通过 innerHTML select 一个元素？可以用

之类的东西来完成吗

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

或

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

Answer 1

我用 jq "contains" 来实现这个。例如，如果我想获得带有一些内部 Html 的锚标记，那么我会做这样的事情

 $('a:contains("sometext")')

Answer 2

    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;
    
    }

}

使用 querySelector 通过 InnerHTML 选择元素

Selecting Elements By InnerHTML with querySelector

html

javascript

dom

element