使用 querySelector 通过 InnerHTML 选择元素答案

【问题标题】：Selecting Elements By InnerHTML with querySelector使用 querySelector 通过 InnerHTML 选择元素
【发布时间】：2015-12-08 23:52:59
【问题描述】：

有没有办法通过innerHTML 选择一个元素而不使用循环？可以使用类似的东西来完成

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

或

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

【问题讨论】：

不，它不能。 querySelector 使用 CSS 选择器。
如果你碰巧使用jQuery，它有一个非标准的:contains()选择器api.jquery.com/contains-selector

标签： javascript html dom element

【解决方案1】：

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

}

【讨论】：

【解决方案2】：

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

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

【讨论】：

你怎么能用 vanilla javascript 做到这一点？