<ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了<ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码相关的知识,希望对你有一定的参考价值。

<ul>中的<li>我点击一个<li>后其它的<li>全变背景色要图中效果,求JS和CSS代码

参考技术A <html><Head>
</Head><body>
<script type="text/javascript">
function sel(obj)

var lis=document.getElementsByTagName("li");

for(var i=0;i<lis.length;i++)

if(lis[i]!=obj)

lis[i].style.background="#00f";

else
lis[i].style.background="#0ff"




</script><ul>
<li onclick="sel(this);"> 1111</li>
<li onclick="sel(this);">22222 </li>
<li onclick="sel(this);">3333 </li>
<li onclick="sel(this);"> 44444</li>

</ul></body>
</html>

以上是关于<ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码的主要内容,如果未能解决你的问题,请参考以下文章

遍历ul下的li,点击弹出li的索引

ul根据后台添加li,并在点击li时,颜色随之变化

jquery中怎么删除<ul>中的整个<li>包括节点

javascript获取当前<ul>中点击的<li> 的值

JavaScript点击li显示索引

使用jquery获取ul中当前正在点击的li的索引