單擊具有特定超鏈接的錨標記

Question

如果沒有“href”之外的任何屬性，我將如何訪問（通過JavaScript）錨元素？

示例： <a href="http://www.example.com/forum/addPost/id=5"

好的，現在URL中的“id”發生了變化，所以我可以使用substr()或其他東西將href屬性值“剪切”一半。 所以現在它將是href="http://www.example.com/forum/addPost/id=" 。

現在，如果頁面上有多個錨標記，我將如何“訪問”具有特定href的錨標記？

Answer 1

如果您不反對使用jQuery，這非常簡單。 如果您具有要搜索的ID值，則要訪問超鏈接：

var $anchor = $('a[href$="<ID value>"]');

$ anchor對象將是對DOM元素的引用，其中href以您指定的ID結尾。

Answer 2

有一個document.links集合，它是文檔中的所有鏈接，因此：

var links = document.links;
var re = /www\.example\.com\/forum\/addPost/;

for (var i=0, iLen=links.length; i<iLen; i++) {

  if (re.test(links[i].href)) {
    // do stuff with the href value
  }
}