浏览网页的标签

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]');会做的伎俩