在多个div上，如何只在单击Javascript时添加和删除一个类?
在多个div上，如何只在单击Javascript时添加和删除一个类?
提问于 2018-09-19 00:49:18
单击时我需要添加和删除一个类,单击div1时，将为其指定“已选择”类。如果我单击div3，将删除“选定”格式div1并将其添加到div3
myGoal[goalKey].addEventListener('click', function (e) {
var clicked = this;
this.classList.add('selected'); //this class adds black background white text coloe
var goalNum = this.getAttribute("data-value");//get data value from clicked button
console.log(e.target.testContent);
})
}
回答 1
Stack Overflow用户
发布于 2018-09-19 10:28:16
可以如下所示：
document.addEventListener('click', function(e) {
e = e || window.event;
var target = e.target || e.srcElement,
text = target.textContent || text.innerText;
if(target.id.substr(0,3)=="div"){
//remove all class selected
var selecteds = document.getElementsByClassName("selected");
while (selecteds.length)
selecteds[0].classList.remove("selected");
//add class selected to target
target.className += "selected";
};
}, false);.selected{
color:red;
}<div id="div1"> Div1 click </div>
<div id="div2"> Div2 click </div>
<div id="div3"> Div3 click </div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002683
复制相关文章
相似问题
腾讯云开发者
