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

<ul><li>灰色</li><li>白色</li><li>灰色</li><li>白色</li><li>灰色</li>......</ul>我想让这些li的背景颜色白灰相... <ul>
<li>灰色</li>
<li>白色</li>
<li>灰色</li>
<li>白色</li>
<li>灰色</li>
......
</ul>
我想让这些li的背景颜色白灰相间,用js怎么控制样式呢?
求大神帮忙写个js,在线等
展开
 我来答
xi8km9
推荐于2018-03-03 · TA获得超过1086个赞
知道小有建树答主
回答量:688
采纳率:50%
帮助的人:724万
展开全部

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式