javascript - 使用 Javascript 提取具有类属性的超链接的 url

Question

页面上只有一个特定类别的链接。我正在尝试编写一个 javascript 片段来找到这个:

<a href="http://www.stackoverflow.com" class="linkclass"> ... </a>

并返回一个包含以下内容的字符串:

http://www.stackoverflow.com

提前谢谢大家。

Answer 1

尝试以下操作

var url = (function() {
  var all = document.getElementsByTagName("a");
  for (var i in all) {
    var cur = all[i];
    if (cur.getAttribute('class') === "linkclass") {
      return cur.getAttribute('href');
    }
  }
  return undefined;
})();

注意:如果该类只有一个元素，则为该元素提供唯一的 id 而不是 class 会更有效。代码会简单很多

var url = document.getElementById('theUniqueId').getAttribute('href');