html编程：鼠标点击li的背景也跟着改变的效果，怎么修改，谢谢

答案:1 悬赏:10 手机版

解决时间 2021-03-08 15:33

提问者网友：十年饮冰
2021-03-07 19:45

<ul>

<li><a href="#"><span id="s" style="color:#0000FF" onclick="test(this)">111</span></a> </li>
<li><a href="#"><span id="s" style="color:#0000FF" onclick="test(this)">222</span></a> </li>
<li><a href="#"><span id="s" style="color:#0000FF" onclick="test(this)">333</span></a> </li></ul>
<script>
function test(obj){
for(i=0;i<s.length;i++){
s[i].style.color="#0000FF";
}
obj.style.color="#ff0000";
}
</script>

最佳答案

五星知识达人网友：一袍清酒付
2021-03-07 19:59

是javascript编程吧
<html>
<head>
<script type = "text/javascript">
function test(obj){
var lis = document.getElementsByTagName("li");
for(i=0;i<lis.length;i++){
lis[i].style.color = "#0000FF";
lis[i].style.backgroundColor = "#FFFFFF";
}
obj.style.color="#FF0000";
obj.style.backgroundColor = "#CCCCCC";
}

</script>
<style type = "text/css">
li{
color: #0000FF;
cursor: pointer;
}
</style>
</head>
<body>
<ul>
<li onclick="test(this)">111</li>
<li onclick="test(this)">222</li>
<li onclick="test(this)">333</li>
</ul>
</body>
</html>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！