javascriptを使用して、イメージのリンクを非表示にします。

Question

私はWebページでクリック可能なリンクを取得するためにこれを使用する：

javascript:(function(){as=document.getElementsByTagName(%22a%22);str=%22<ul>%22;for(i=0;i<as%20.length;i++){str+=%22<br><a%20href=%22+as[i].href+%22>%22+as[i].href+%22</a>\n%22}str+=%22</as></ul>%22;with(window.open()){document.write(str);document.close();}})() 

しかし、どのように私は、Webページにunclickable画像へのリンクを取得するのですか？ D

Answer 1

あなたはjQueryの/ ExtJSになどのような任意のJSのフレームワークを使用していない場合、あなたはこのsolutinに頼る：

<input type="button" value="Calculate" onclick="checkImages()"/> 
    <a href="http://google.com">Google</a> 
    <a href="http://google.com"><img src="1" /> sss</a> 
    <a href="http://google.com"><span><img src="2" /> sss</span></a> 
    <img src="3" /> 
    <img src="4" /> 
    <div id="outputDiv"> 
    </div> 
    <script type="text/javascript"> 
     function checkImages() 
     { 
       var str="<ul>"; 
       var imgs = document.getElementsByTagName("IMG"); 
       var len = imgs.length; 
       for(var i=0; i<len; i++) 
       { 
        var img = imgs[i]; 
        //console.log("Checking" + img); 
        if(!hasParentAnchor(img)) 
        { 
         str+="<li><img src="+img.src+"/></li>"; 
        } 
       } 
       document.getElementById("outputDiv").innerHTML = str; 
     } 

     function hasParentAnchor(el) 
     { 
      if(!el.parentNode || !el.parentNode.tagName) return false; 
      else if(el.parentNode.tagName.toUpperCase() == "A") return true; 
      else return hasParentAnchor(el.parentNode); 
     } 
    </script> 

私はURLを取得したい場合はどのような