获取锚点（a）Javascript中的Element链接

Question

所以我使用这行代码检索了一个Element Array：

var listItems = ul[0].getElementsByTagName("li")

的输出

console.log(listItems[0].innerHTML)

给了我

<a class="view" href="https://www.notarealwebsite.com">See this cool link!</a>

如何使用纯Javascript检索仅链接（https://www.notarealwebsite.com）？

我尝试过getAttribute（＆＃34; href＆＃34;）功能无济于事。

谢谢！

Answer 1

执行此操作的直接方法是将a元素放在li元素内，然后从中访问href属性。

// using querySelector
const link = listItems[0].querySelector('a')

// or, using getElementsByTagName
const link = listItems[0].getElementsByTagName('a')[0]

console.log(link.href)

https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByTagName