HTML | DOM 位置 href 属性

在 HTML 中，超链接是通过使用 <a> 标签来创建的。这个标签有着很多的属性，其中一个是 href 属性。它用于指定链接的目标地址。在 DOM 中，我们可以通过获取元素的 href 属性来获取链接的目标地址。

HTML 中的 href 属性

href 属性用于指定一个超链接的目标地址。这个地址可以是一个 URL、一个网页内的锚点，或者一个 JavaScript 函数的调用。

下面是一些使用 href 属性的示例：

<!-- 跳转到一个外部网页 -->
<a href="https://www.example.com">Click me!</a>

<!-- 跳转到网页内的某个锚点 -->
<a href="#section2">Click me!</a>

<!-- 调用 JavaScript 函数 -->
<a href="javascript:myFunction()">Click me!</a>

DOM 中的 href 属性

在 DOM 中，我们可以通过获取元素的 href 属性来获取链接的目标地址。我们可以使用 JavaScript 来获取这个属性的值。下面是一个示例：

// 获取第一个<a>元素
var link = document.querySelector('a');

// 获取链接的目标地址
var href = link.href;

// 输出链接的目标地址
console.log(href);

总结

href 属性是一个常用的 HTML 属性，它用于指定链接的目标地址。通过使用 JavaScript，我们可以获取元素的 href 属性来获取链接的目标地址。