要求：
有一系列按鈕，要求每單擊其中一個，該按鈕改變樣式（以背景顏色為例），其他按鈕恢復保持默認樣式，
實作思路：
- 獲取所有按鈕元素
- 首先先把其他按鈕的背景顏色去掉
- 再單獨設定自己的樣式
代碼實作：
僅展示<body></body>標簽內的內容
<body>
<button>按鈕1</button>
<button>按鈕2</button>
<button>按鈕3</button>
<button>按鈕4</button>
<button>按鈕5</button>
<script>
var btns = document.getElementsByTagName('button');
// 獲取所有按鈕元素
for (var i = 0; i < btns.length; i++) {
btns[i].onclick = function() {
for (var j = 0; j < btns.length; j++) {
btns[j].style.backgroundColor = '';
}
// 先把其他按鈕的背景顏色去掉
this.style.backgroundColor = 'red';
// 單獨設定自己的樣式
}
}
</script>
</body>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/164212.html
標籤：JavaScript
上一篇：vue解惑之slot(插槽)
下一篇：JavaScript按鈕排他思想