如何获取已知文本的特定锚点的链接

Question

我正在重新解析HTML文件。有一个带有常量文本的链接，如下所示：

<a href="www.abc.com">Static Text</a>

有什么方法可以获取href如下？

xyz.findTagByTextContent('Static Text').getAttribute('href');

Answer 1

您可以为此实现自己的实用程序：

function getLinksByText(text) {
  return [...document.querySelectorAll('a')].filter(({ innerText }) => innerText === text);
}

它将返回带有传递文本的链接数组。 然后，您可以像使用它

getLinksByText('Static Text')[0].getAttribute('href')

如果您只需要获取第一个条目而不是所有条目的数组-只需使用.find而不是.filter