Webページのタグを見る

Question

私は（属性「タイトル」を持っているなど、すべての「」のタグを特定の属性が含まれている（Webページの）すべてのリンクをブラウズしたい

。
私はこれを行うことができますどのように？

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を使って：

ドキュメントオブジェクト document.linksのデフォルトプロパティであるノードのリストについては、あなたがそうのように、それを繰り返すことができますどのように

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

Answer 2

：

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]');はトリックを行います