单击Box shadow-Javascript（不是jquery）

我想要一个阴影出现在点击的图像。我现在不使用Jquery，所以如果可能的话，提供一个java脚本解决方案。这是我的小提琴：

我还希望框阴影仅在当前选择的任何项目上处于活动状态。（最后单击的项目应该是唯一有阴影的项目）

有关代码的一些简化，请参阅。css类没有正确分配，它前面应该有一个点。将脚本标记放在结尾附近，然后使用：

var box1 = document.getElementById('thumbs');
var box1Div1 = box1.getElementsByTagName('input');
var img1 = box1Div1[0]

img1.onclick = function(){
  img1.className = "DropShad";
};

有关代码的一些简化，请参阅。css类没有正确分配，它前面应该有一个点。将脚本标记放在结尾附近，然后使用：

var box1 = document.getElementById('thumbs');
var box1Div1 = box1.getElementsByTagName('input');
var img1 = box1Div1[0]

img1.onclick = function(){
  img1.className = "DropShad";
};

---

引自评论：

您可以使用

：active

选择器响应“click”事件，也可以使用

：focus

选择器响应“focus”事件：

输入：激活，输入：聚焦{
盒影：2PX2PX2PX蓝色；
}

---

引自注释：

您可以使用

：active

选择器响应“click”事件，也可以使用

：focus

选择器响应“focus”事件：

输入：激活，输入：聚焦{
盒影：2PX2PX2PX蓝色；
}

---

您的代码中没有调用该函数

window.onload = function(){
var box1 = document.getElementById('thumbs');
var box1Div1 = box1.getElementsByTagName('input');
var img1 = box1Div1[0];      
img1.onclick = function(){
img1.setAttribute("class", "DropShad");
};
}();

---

这是工作小提琴

您的代码中没有调用该函数

window.onload = function(){
var box1 = document.getElementById('thumbs');
var box1Div1 = box1.getElementsByTagName('input');
var img1 = box1Div1[0];      
img1.onclick = function(){
img1.setAttribute("class", "DropShad");
};
}();

---

这是工作小提琴

像这样：？@路人是的，非常感谢！如果你想把它作为一个“答案”重新发布，我会接受。非常感谢。像这样：？@路人是的，非常感谢！如果你想把它作为一个“答案”重新发布，我会接受。非常感谢。