文章内容

2022/12/20 11:13:44,作 者: 黄兵

JavaScript 选取 a 标签的 href 值

要获取 a 标签的 href 值,你可以使用 JavaScript 中的 getAttribute 函数:

const a = document.querySelector('a');
const href = a.getAttribute('href');

上面的代码会选取文档中第一个 a 标签,并获取它的 href 值。

如果要选取多个 a 标签并获取它们的 href 值,可以使用 querySelectorAll 函数来选取所有的 a 标签,然后使用循环遍历每个 a 标签,并获取它们的 href 值:

const aTags = document.querySelectorAll('a');

for (const a of aTags) {
  const href = a.getAttribute('href');
  console.log(href);
}

注意,如果要在 JavaScript 中使用 a 标签的 href 值,你可能需要使用 encodeURI 函数来将其编码为 URI。

例如:

const a = document.querySelector('a');
const href = encodeURI(a.getAttribute('href'));

这样做可以确保在使用 href 值时不会出现乱码或其他问题。


分享到:

发表评论

评论列表