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

 我来答
ml4w5
2017-08-18 · TA获得超过1394个赞
知道小有建树答主
回答量:625
采纳率:25%
帮助的人:648万
展开全部
<!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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式