点击变色兄弟元素隐藏. · javascript

### 代码： ~~~ <style> *{margin: 0;padding: 0} ul{ font-size: 0; background: #5f5f5f; } li{ text-align: center; line-height: 50px; font-size: 16px; list-style: none; display: inline-block; width: 100px; height: 50px; color: #fff; } .current{ background:#4caf50 ; } li:hover{ background: #000; } </style> </head> <body> <ul> <li class="current">html</li> <li>css</li> <li>javascript</li> </ul> <script> window.onload=function(){ var lis =document.getElementsByTagName("li"); for(let i=0;i<lis.length;i++){ lis[i].onclick=function(){ for(let i=0;i<lis.length;i++){ lis[i].style.backgroundColor="#5f5f5f" } this.style.backgroundColor="#4caf50" } } } </script> </body> ~~~