如何使用 DOM 通过其文本选择锚元素答案

【问题标题】：How to select anchor element by its text using DOM如何使用 DOM 通过其文本选择锚元素
【发布时间】：2018-05-13 15:06:48
【问题描述】：

我正在拦截到一个 html 页面，需要找到所有在其内部 html 中具有“全选”的锚点。

我需要编写一段 JavaScript 来找到所有的锚点，然后单击它们。

我要写一个这样的javascript：

// there is no method like getElementByInnerHtml so I don't know what to do
var anc = document.getElementByInnerHtml('Select All');
anc.click();

我无法使用 jquery 或任何其他特定于语言的方法。只有标准的 HTML DOM 方法可用。

【问题讨论】：

你试过什么？你的代码在哪里？你得到什么错误？你做了什么调试？
看看这个问题。我想你可以在那里找到你的答案。 stackoverflow.com/questions/4811962/…
嘿downvoters，我不知道该尝试什么。我知道如何通过类名或属性获取元素，但找不到与锚文本相关的任何内容。在询问您尝试过什么之前，请先查看上下文。
@ChrisLove，您是否错过了将链接放在您的评论中？
是的，是的，我做到了，哈哈

标签： javascript html dom

【解决方案1】：

我实现了代码并感谢@ChrisLove 的提示。

实际上引用帖子中的代码不正确，使用下面的代码我可以做我需要做的事情。

<script type="text/javascript">
    var x = document.getElementsByTagName("a");
    for (i = 0; i < x.length; i++) { 
        if (x[i].innerHTML == "Select All")
            x[i].click();
    }    
</script>

请注意，您需要使用getElementsByTagName 而不是另一篇文章中提到的getElements。

【讨论】：