Export/Retrieve Unclickle Links von Bildern über Javascript?

Question

Ich benutze diese anklickbare Links in einer Webseite abzurufen:

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();}})() 

Aber wie abrufen i unclickable Bild-Links auf einer Webseite? Ich habe keine Kenntnisse in javascript: D

Answer 1

Wenn Sie keine js Frameworks wie jQuery/ExtJS usw. verwenden, dann greifen Sie zu diesem 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>