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

Question

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

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

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

Answer 1

You can use getElementsByTagName to find the a elements:

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

This will store all a elements into an array. If you know exactly which element you want, extract it from the array based on its order in the page and grab the href :

var href = anchor[1].href;

Example jsfiddle (watch for the alert )

Answer 2

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

Answer 3

You could use getElemntsByTagName. It's probably better just to add in an id attribute though...

document.getElementsByTagName("a"); 

Answer 4

As everyone suggested getElementsByTagName is the right way to go if the element doesn't have an id or a class. But thats going to give you a NodeList of all the anchor links you have on your DOM.

So, if you can add an id or class to the anchor link, that's your best option. If that's not an option, see if you can wrap your anchor link with a div with a unique id/class (lets say id is unique-wrapper ) & use this.

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

See jsFiddle Demo