如何更改多個div的div背景顏色,但是一次。所以如果你點擊div 1,顏色會變成藍色,點擊div 2,div1顏色會回到默認值,div2會變成藍色? Facebook的聊天標籤如何與頂部標題一起工作Javascript更改div color,每次點擊一次
回答
你可以這樣做。就像「主動」加個班到點擊的元素並從別人
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";
}
}
非常感謝!多數民衆贊成在我想要的,不知道爲什麼有人投票你的答案是完美的。非常感謝 –
有無論如何有這個工作,但是當所有的項目/ div沒有預設的活動類? –
您可以更改行 ** document.querySelector(「。active」)。className =「」; ** ** var active = document.querySelector(「。active」); if(active)active.className =「」; ** 它會工作每次:) – Vashnak
我將書於你做刪除它,如下:
創建CSS類,如
.active { background-color: blue; }
使用JavaScript從divs中添加/刪除
.active
。
例如,在純JavaScript:
const divs = document.querySelector('#root > div');
divs.on('click', function(e) {
// Toggle off all divs.
divs.forEach(d => d.classList.remove('active'));
// Toggle on clicked div.
e.target.classList.add('active');
});
文件:classtList
乾杯, 紀堯姆。
你可以給一個id
你div
標籤,並創建一個onclick
事件像<div id="div1" onclick="changebg()">
內changebg(),您可以編寫代碼來改變背景顏色
- 1. 每次點擊時更改號碼?
- 2. Android更改每次點擊的TextView - XML
- 3. jQuery每次點擊更改背景
- 4. iPhone ShouldStartLoad每次點擊觸發一次?
- 5. 使用javascript更改div color
- 6. 如何在每次點擊時動態更改div的值
- 7. 每次點擊角
- 8. jQuery.on(「click」)點擊多次點擊一次
- 9. 如果您一次點擊一次或一次點擊一次
- 10. 每天點擊一次URL
- 11. 使用JavaScript更改每次點擊按鈕時的CSS
- 12. javascript - 一次添加一個div,點擊添加更多內容
- 13. 每次點擊增加style.marginLeft?
- 14. 分配給每次點擊次數/點擊次數的函數
- 15. 一次更改div的內容兩次
- 16. JQuery - 每2秒點擊一次按鈕
- 17. 每次按鈕被點擊
- 18. JQuery更改背景的選擇每一次點擊
- 19. 每次更改布爾我點擊一個按鈕
- 20. 切換div背景每x次點擊同一div
- 21. 單擊複選框時更改Div Color
- 22. Javascript新隨機數每次點擊
- 23. Javascript array顯示每次點擊按鈕
- 24. 改變文本每次我點擊
- 25. 按鈕點擊多次點擊一次
- 26. 更改div ID每次循環運行
- 27. 如何在每次點擊時改變div的值
- 28. JavaFX Combobox不會更改爲點擊第一次和第二次點擊的值
- 29. Javascript - 點擊一次後更改按鈕的值和功能
- 30. FancyBox刷新每一次點擊
你的意思是你要能夠「選擇」一個?只需爲'.selected'創建一個css類,並按照自己的想法創建樣式。然後''onclick' div,從* all * divs中刪除類,添加'selected'到被點擊的div。嘗試一下,如果你卡住了,然後回來,代碼 – musefan
歡迎來到堆棧溢出!請參考[遊覽](http://stackoverflow.com/tour),環顧四周,並閱讀[幫助中心](http://stackoverflow.com/help),特別是_ [我如何問一個好問題?](http://stackoverflow.com/help/how-to-ask)_。也許你期望在這裏有免費的代碼寫作服務? – Cagy79
我需要它是一個JavaScript函數,所以我可以讓它向數據庫提交一個「已見」 –