Javascript更改div颜色,每次点击一次

时间:2017-02-23 14:01:12

标签: javascript html

如何为多个div更改div背景的颜色,但是一次。因此,如果你点击div 1颜色变为蓝色,点击div 2 div1颜色回到默认值,div2变成蓝色? Facebook聊天标签如何与顶部标题一起使用

3 个答案:

答案 0 :(得分:-1)

你可以这样做。只需添加一个类似" active"点击元素并将其从其他元素中删除

var menu = document.querySelector("#menu");

for(var i = 0; i < menu.children.length; i++){
    menu.children[i].onclick = function (event){
    document.querySelector(".active").className = "";
    event.target.className = "active";
  }
}

https://jsfiddle.net/jc61tgns/

答案 1 :(得分:-1)

我想让你做的是以下内容:

  • 创建一个CSS类,例如SELECT * FROM table WHERE right(VilleAnn,5) NOT IN ('97121', '97122', '97123', '97180')

  • 使用JavaScript在div中添加/删除.active { background-color: blue; }

例如,在纯JavaScript中:

.active

Doc:classtList

干杯, 纪尧姆。

答案 2 :(得分:-2)

您可以为id代码添加div,并创建一个onclick事件,例如<div id="div1" onclick="changebg()"> 在changebg()里面你可以编写代码来改变背景颜色