javascript - 在 HTML 源代码中查找所有空链接（包含 href="x" 的空标签）的最常用方法是什么？

Question

我通过可访问性问题扫描仪扫描了我网站的主页；在Web 可访问性的上下文中，我用来查找标记和信息表示中的问题的工具。

使用WAVE 报告工具，我发现了两个问题： 两者都是“空链接”。

也许我错过了，但我没有从工具中得到这些链接是什么以及如何找到它们，所以我会通过我的WordPress 页面构建器( Elementor ) 删除它们，我使用该工具为该站点创建标记。

一位可访问性专家告诉我，执行 CTRL+F 然后在源中搜索 say<a href=""></a>效率不高，因为可能存在很多偏见，而且 AFAIK 空链接甚至不必是a标签。

我的问题是如何找到空链接，你知道我可以用来收集关于这些链接的合理数据并删除它们的通用、可靠的技术吗？

标签： javascripthtmlhyperlinknullaccessibility

Answer 1

使用 WAVE 工具时，有一个很小的（这就是为什么你不会看到它）从底部伸出的绿色标签，称为<code>.

单击您失败的项目，然后单击此选项卡，它将在出现的底部窗格中显示受影响的代码。它还会尝试为您突出显示受影响的项目，但这并不总是很清楚（讽刺的是，这是一个可访问性工具！！）

找到链接的可靠方法很困难，因为它包含 SVG、图标等为空的，但作为一般规则，搜索所有<a>标签然后收集它们的脚本textContent（或 .text() 在 jQuery 中我认为）将工作（如果 textContent 是空的，那么它可能是一个问题，你可能会得到一些误报，但它应该让生活变得轻松）。