lzth.net
当前位置:首页 >> 如何用js控制ul下的li,奇数项的背景颜色不同 >>

如何用js控制ul下的li,奇数项的背景颜色不同

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不支持

$(".qw li:odd").css("background","#ccc");这样写,建议下个jquery帮助文档看看,可以当字典用

使用jquery的伪类选择器,例如$("选择器 :odd").css("background","#0f0");//奇数行$("选择器 :even").css("background","#ff0");//偶数行 若是用原生js就要判断,例如 for(var i = 0; i < 元素行数; i++){ if(i%2 == 0){//奇数

CSS:#w a{display:block;width:100px;height: 40px; }#w a:hover{background: red;}HTML:<div id="w"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul></div>

原生 就用dom操作 选中节点 (例如dom) dom.style.backgroundColor="#ff0000",jquery $(".dom").css({"background-color":"#ffffff"}) $(".dom").css("backgroundColor","#ffffff")貌似就是这些了 在就是你的逻辑 在时候添加 就用if(){}else{},看你的项目需求了

// JavaScript Document var Ptr=document.getElementsByTagName("tr"); for (i=1;i<Ptr.length+1;i++) { Ptr[i-1].className = (i%2>0)?"tt2":"tt1"; } for(var i=0;i<Ptr.length;i++) { Ptr[i].onmouseover=function(){ this.tmpClass=this.className; this.

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

使用li上的onclick事件function td(obj){ jk(); obj.style.background = "red";}function jk(){ //要用到obj的参数.我写到 var ul=document.getElementById('ul1'); var lii=ul.getElementsByTagName('li'); //然后不会写了 for(var i=0;i 追问: 不用for循

var let = new Array('#fed400','#b8d32b','#00a5cc','#a61366','#ed7419','#e83331','#ac4223','#00a2e7','#45b146');var random1 = Math.floor(Math.random()*9)+0;$(this).css("background-color",let[random1]);

首先你要获取这个var uls= document.getElementsByTagName('ul');for(var i = 0; i 2)$(this).attr("style","backgroud-color:red");或者$(this).addclass("背景样式");}

网站首页 | 网站地图
All rights reserved Powered by www.lzth.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com