javascript - 如何用javascript做到这一点？它就像一个开关，但我似乎没有找到开关功能

Question

我正在尝试使用 javascript 而不是 jquery 来执行此操作。 我想点击一张图片然后图片会有边框但是如果我再次点击它然后边框就会消失。不太清楚它是如何完成的任何人都可以帮助我吗？

allImages = document.getElementsByTagName("img");

    for(i=0;i<allImages.length;i++)
{
    allImages[i].onclick=function()
    {
    this.style.borderColor="red";
    this.style.borderStyle="solid";
    }
}

Answer 1

要切换带有 id 的图像，请尝试此代码

var img = document.getElementById('image-id');

if( ! img.hasBorder ) {

     img.style.border="2px solid #f00";
     img.hasBorder = true;

} else {

     img.style.border = "";
     img.hasBorder = false;

}

---

更新代码

allImages = document.getElementsByTagName("img");

for(i=0; i< allImages.length; i++ )
{
    allImages[i].onclick = function( e )
    {
           this.style.border = ( this.style.border == '')? "2px solid red":'';
    }
}