瀏覽網頁的標籤

Question

我想瀏覽所有（網頁）的含有特定屬性（如所有的「a」標籤具有屬性「稱號」的鏈接。
我怎樣才能做到這一點？

Answer 1

var links = document.getElementsByTagName('a'),//Or also document.links 
withTitle = []; 
for(varn=0;n<links.length;n++) 
    if(links[n].getAttribute('title')) 
     withTitle.push(links[n]); 

或者使用jQuery：

var withTitle = $('a[title]'); 

Answer 2

如何節點列表是文檔對象document.links的默認屬性，你可以遍歷的是，像這樣：

for (var i=0;i<document.links.length;i++) 
{ 
    if (document.links[i].hasOwnProperty('title')) 
    { 
     linksWithTitle.push(document.links[i]); 
    } 
} 

或有關這一主題的任何variaton

編輯

我做了一些挖掘，也許是另一種方法是使用treewalker：

function byTitle(node) 
{ 
    if (node.hasOwnProperty('title')) 
    { 
     return NodeFilter.FILTER_ACCEPT; 
    } 
    return NodeFilter.FILTER_SKIP; 
} 

function getElementsWithTitle(root) 
{ 
    root = root || document.links; 
    var treeWalker,result; 
    treeWalker = document.createTreeWalker(root,NodeFilter.SHOW_ELEMENT,byTitle,false); 
    result = [treeWalker.currentNode]; 
    while(treeWalker.nextNode()) 
    { 
     result.push(treeWalker.currentNode); 
    } 
    return result; 
} 

還有很多東西要treeWalkers和NodeFilters/NodeLists比這個，但this是一個很好的介紹整個概念。

最後，如果你不關心IE兼容性：document.querySelectorAll('a[title]');會做的伎倆