www.3112.net > 怎么才能在不同的ul中的li里用js实现隔行变色,如果ul的iD为list

怎么才能在不同的ul中的li里用js实现隔行变色,如果ul的iD为list

你好!也不用这么麻烦 你直接给每个li一个class(各行class相同)用css控制就好了仅代表个人观点,不喜勿喷,谢谢.

直接用css在li上面加上hover处理就可以,没必要用js 而且li == this这个是有问题,这个this对象用的并不正确.

var tb=document.getElementById('tb') var tb_b=tb.getElementsByTagName('tbody')[0];//获取表格的第一个tbody元素 var t_tr=tb_b.getElementsByTagName('tr') for(var i=0;i<t_tr.length;i++){ if(i%2==0){ t_tr[i].style.background="red" } }//js写法

用双重for循环可以达到这样效果,参数设为5即可:for(var i=1;i<=5;i++) { document.write("<ul>"); for(var j=1;j<=5;j++) { document.write('<li>'+j+'</li>'); } document.write("</ul><br>");} 如果要达到你要的效果,可以用for循环赋值给一个变量,

用jquery吧,方便.

不过好像FF的DOM对标签内的空白是有TextNode定义的<br><br>可能 <ul><li></li></ul><br><br><ul id="one"><li>aaa</li></ul><br><script type="text/javascript"><br> var one = document.getElementById("one");<br> alert(one.childNodes.

1、新建一个txt文档,将文档修改成“index.html”的html文件. 2、将html文件用Sublime编辑器打开,完善html5标准化代码,并修改网页标题. 3、在body标签内编写一段"ul、li"的标签. 4、用浏览器打开index.html文件,可以发现默认“ul

下面是效果原理就是循环出0,1,4,5,8,9,12,13..这些位置的li,再设置样式,循环逻辑是i*4 及i*4+1 最好是在n>a.length的时候,break一下

jQuery 选择器中,:even可以选择偶数行示例如下$("ul li").css("background","blue");$("ul li:even").css("background","red");

JS方法~function(){ var UL = document.getElementsByTagName('ul')[0], LI = UL.children, F; for (F = 0;F < LI.length;++F) LI[F].style.background = F % 2 ? 'white' : 'gray'}()最方便<style>li:nth-child(even){background:white}li:nth-child(odd){background:gray}</style>缺点是低版本IE不支持

相关搜索:

网站地图

All rights reserved Powered by www.3112.net

copyright ©right 2010-2021。
www.3112.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com