Добавить границу к изображениям

Question

Я совершенно новичок в JS.Я пытаюсь сделать мне букмарклет, который находит все изображения на веб-странице и добавляет к ним красочную рамку.Затем, нажав на изображение, я хочу прикрепить путь к изображению.Вот что у меня так получилось:

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