Javascript如何从无id锚标签中获取href？

Question

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

下面的功能不起作用，因为没有id：

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

Answer 1

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

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

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

var href = anchor[1].href;

示例jsfiddle（注意alert）

Answer 2

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

Answer 3

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

document.getElementsByTagName("a"); 

Answer 4

如果元素没有id或类，大家建议getElementsByTagName是正确的方法。但这会给你一个NodeList你在DOM上的所有锚链接。

因此，如果您可以在锚链接中添加id或类，那么这是您的最佳选择。如果这不是一个选项，看看你是否可以用一个具有唯一id / class的div来包装你的锚点链接（比如id是unique-wrapper）＆amp;用这个。

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

请参阅jsFiddle Demo