<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变，求JS和CSS代码

如题所述

举报该文章

相关建议 2017-08-18

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
   <ul id="list">
       <li>第1项</li>
       <li>第2项</li>
       <li>第3项</li>
       <li>第4项</li>
   </ul>
   <script>
       var lis = document.querySelectorAll('#list > li');
       for (var i = 0; i < lis.length; i++) {
           lis[i].onclick = function() {
               this.style.color = '#fff';  // 文字变为白色
               this.style.backgroundColor = '#06c';  // 背景变为蓝色
           }
       }
   </script>
</body>
</html>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/2v2p87m2qppv2pqsqs.html

其他看法

无其他回答

相似回答

大家正在搜