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');

Answer 2

如果只有一个特定类的实例，则使用id并使用document.getElementById("linkID").href;抓取它们如果你不能这样做那么使用类：

var links = document.getElementsByTagName("a");
var ref = "";
for(var i = 0; i < links.length; i++)
{
   if(links[i].className == "linkClass")
   {
      ref = links[i].href;
      break;
   }
}

使用Javascript来拉取带有class属性的超链接的url

2 个答案: