छवियों पर सीमा जोड़ें

Question

मैं जेएस के लिए बिल्कुल नया हूं। मैं मुझे एक बुकमार्कलेट बनाने की कोशिश कर रहा हूं जो वेब पेज पर सभी छवियों को पाता है और उन्हें रंगीन सीमा जोड़ता है। फिर, किसी छवि पर क्लिक करके मैं छवि पथ संलग्न करना चाहता हूं।

javascript: 
for (var i= document.links.length; i-->0;) { 
    if (document.links[i].getElementsByTagName('img').length!=0) { 
     document.links[i].onclick= function() { 
      window.open("http://www.example.com/whatever?imgsrc=" + this.src + ""); 
     }; 
    } 
} 

मैं कैसे छवियों के लिए एक सीमा जोड़ सकते हैं: यह मैं अब तक क्या मिल गया है है?

धन्यवाद, बॉब

Answer 1

इस कोड का प्रयास करें:

javascript:for(i=0;i<document.getElementsByTagName('img').length;i++){var imgTag=document.getElementsByTagName('img')[i];imgTag.style.border='2px solid #E8272C';imgTag.onclick=function(){return !window.open(this.src)};}void(0) 

अनुकूल स्वरूपित दृश्य:

javascript: 
for(i=0;i<document.getElementsByTagName('img').length;i++){ 
    var imgTag=document.getElementsByTagName('img')[i]; 
    imgTag.style.border='2px solid #E8272C'; 
    imgTag.onclick=function(){ 
     return !window.open(this.src); 
    } 
}void(0) 

Answer 2

getElementsByTagName

javascript:(function(){for(var i=0;i<document.images.length;i++){var image=document.images[i];image.style.border='medium solid blue';image.onclick=function(){location.href=this.src;return false;};}})()