通过 href 查询选择器 - Javascript

在Javascript中，我们常常需要通过选择器来获取DOM元素。而有时候，我们需要根据链接的href属性来获取特定的元素。

方法一：使用querySelectorAll函数

我们可以使用querySelectorAll函数和属性选择器来查找特定href属性的元素。

const linkElements = document.querySelectorAll('a[href="https://www.example.com"]');

上面的代码将查找所有链接href属性为"https://www.example.com"的元素，并将它们存储在linkElements数组中。我们可以遍历这个数组来获取每个元素的信息。

方法二：使用getAttribute函数

我们也可以使用getAttribute函数来获取元素的href属性，然后根据属性值来决定是否选择该元素。

const allLinks = document.getElementsByTagName("a");
for (let i = 0; i < allLinks.length; i++) {
  const link = allLinks[i];
  const href = link.getAttribute("href");
  if (href === "https://www.example.com") {
    // do something with the link
  }
}

上面的代码将获取所有a标签的href属性，并判断属性值是否为"https://www.example.com"。如果是，就执行相关操作。

总的来说，无论使用哪种方法，都可以通过href属性来选择特定的DOM元素。