Javascript 需要一次选择一个图像

函数jobTitleDetailsid，jobTitle{ document.getElementByIdsubject.value=作业标题； document.getElementById'img_u2;'+id.className+='jobtitle'； } .职位名称：在职{ 边框：5px实心ff0000； }

---

几乎完成。删除css中的活动jobtitle类。您可以看到单击的元素颜色，并使用jobtitle类长度检查所选img的长度

函数jobTitleDetailsid，jobTitle{ //document.getElementByIdsubject.value=作业标题； document.getElementById'img_u2;'+id.className+='jobtitle'； var len=document.queryselectoral'.jobtitle'.length； console.log'selected img:'+len } 1.职位名称{ 边框：5px实心ff0000； }

---

您需要删除：在css中处于活动状态，并添加代码以删除旧的选定边框

 var images = document.querySelectorAll('*[id^="img_"]');
  for(var i=0; i<images.length;i++){
   images[i].classList.remove("jobtitle");
  }

---

首先，我在DOM中没有看到id为subject的元素。这就是第一个错误

<img class="img-thumbnail" id="img_1" src="1.png" title="Pole Erection"  />
<img class="img-thumbnail" id="img_2" src="1.png" title="Stringing as per BEL" >

<div id="subject">&nbsp;</div>

最后，只需更新CSS：

.img-thumbnail.jobtitle{
         border: 5px solid #ff0000;
}

---

在这里拉小提琴：

请再解释一下。它将有助于社区快速回答您的问题，并被接受为答案。它对未来的访问者更有用忘记提及。。。删除内联onclick方法并将其放置在js文件中。此外，还要利用元素的DOM属性，以便可以轻松地重用来自元素的数据，例如。title属性，因此您将钩住元素并动态获取标题，而不是在函数执行时对其进行硬编码

.img-thumbnail.jobtitle{
         border: 5px solid #ff0000;
}