如何通过其 href 属性获取元素？

在 HTML 中，链接（anchor）元素（）通常用于创建指向其他网页、文件、位置或资源的超链接。每个链接元素都必须包含 href 属性，该属性指定目标资源的 URL。

在 JavaScript 中，我们可以通过 href 属性获取链接元素的目标 URL，方式如下：

const linkElement = document.getElementById("myLink");  // 获取链接元素
const href = linkElement.href;  // 获取链接元素的 href 属性
console.log(href);  // 输出链接元素的目标 URL

上述代码使用了 document.getElementById() 方法获取链接元素，该方法基于元素的 id 属性返回一个与指定ID匹配的元素。然后我们可以从该元素的 href 属性中获取目标 URL。

另外，我们还可以通过 document.getElementsByTagName() 或 document.querySelectorAll() 方法获取包含多个链接元素的 HTML 集合。然后我们需要遍历集合中的每个元素，并从每个元素中获取其 href 属性，具体代码如下：

const linkElements = document.getElementsByTagName("a");  // 获取所有的链接元素

for (let i = 0; i < linkElements.length; i++) {
  const href = linkElements[i].href;  // 获取每个链接元素的 href 属性
  console.log(href);  // 输出每个链接元素的目标 URL
}

上述代码通过 document.getElementsByTagName() 方法获取了所有的链接元素，并使用了 for 循环遍历集合中的每个元素。在遍历过程中，我们从每个元素中获取其 href 属性以获取目标 URL。

总之，我们可以像上述代码片段一样，使用 JavaScript 获取链接元素的 href 属性并实现一些有趣的功能。