JS之點亮盒子
阿新 • • 發佈：2017-12-19
function mouseover elements 黃色 body 顏色 bsp .get seo
要求：將鼠標放在按鈕上背景顏色變成黃色，鼠標離開恢復原狀。
知識點：排他思想(幹掉所有人，剩下我一個)
<body> <button>按鈕1</button> <button>按鈕2</button> <button>按鈕3</button> <button>按鈕4</button> <button>按鈕5</button> <script> //獲取事件源和相關元素 var btnArr = document.getElementsByTagName("button"); //綁定事件 for (var i = 0; i < btnArr.length; i++) { //書寫事件驅動 btnArr[i].onmouseover = function(){ //排他思想(幹掉所有人，剩下我一個) //排他思想是和for循環連用 for (var j = 0; j < btnArr.length; j++) { btnArr[j].className=""; } this.className="current"; } } </script> </body>
JS之點亮盒子