javascript - Javascript 如何从无 id 锚标记中获取 href？

Question

<a href="href">inner</a>

下面的函数不起作用，因为没有 id：

document.getElementById("???").href

score 2 · Accepted Answer

您可以使用getElementsByTagName来查找a元素：

var anchor = document.getElementsByTagName("a");

这会将所有a元素存储到一个数组中。如果您确切知道想要哪个元素，请根据其在页面中的顺序从数组中提取它并获取href：

var href = anchor[1].href;

示例jsfiddle（注意alert）

score 1 · Accepted Answer

1

您可以document.querySelector('a[href="href"]')通过属性值使用和获取元素。

于 2021-05-11T01:29:40.133 回答

score 0 · Accepted Answer

您可以使用 getElemntsByTagName。不过，最好只添加一个 id 属性......

document.getElementsByTagName("a");

score 0 · Accepted Answer

正如每个人所建议getElementsByTagName的，如果元素没有 id 或类，这是正确的方法。但这会为您提供NodeListDOM 上的所有锚链接。

因此，如果您可以向锚链接添加 id 或类，那是您的最佳选择。如果这不是一个选项，请查看是否可以使用具有唯一 id/class 的 div 包装您的锚链接（假设 id is unique-wrapper）并使用它。

document.getElementById('unique-wrapper').getElementsByTagName('a')

4 回答 4