javascript - 为图像添加边框

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)

友好的格式化 View :

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)