如何使用 javascript 获取 div 的 href 值

Question

当我输入命令时

document.getElementsByClassName('grid')[5] :

我明白了：测试

但是我很难找到如何获取 href 值（此处的链接），我曾考虑过使用 GetAttribute 但它不起作用

Answer 1

那是因为您选择的是<div>父级而不是<a> ，div 没有 href 属性。

您可以通过以下方式获取 href：

const $parentDiv = document.querySelectorAll('.grid')[5];
const $anchor = $parentDiv.querySelector('a');
console.log($anchor.href);

Answer 2

您可以使用 children 属性获取标签，然后获取 href

Answer 3

有两种方法可以做到这一点

1 -

您可以将 id 属性添加到<a>标记，然后使用document.getElementById("yourid").getAttribute("href");

2 =

正如 Eliabe Franca 所提到的 -

 const $parentDiv = document.querySelectorAll('.grid')[5]; const $anchor = $parentDiv.querySelector('a'); console.log($anchor.href);

它的作用是首先获取.grid[5]元素，然后获取其中的第一个<a> 。 最后一行将帮助您获取href值。