JS示例15-模运算应用（隔行变色）
一、知识要点
1、%运算
二、源码参考
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>求模运算的应用</title>
<script>
window.onload = function () {
var aLi = document.getElementsByTagName('li');
for (var i = 0; i < aLi.length; i++) {
//i 0 1 2 3 4 5 6....
if (i % 2 == 0) {
//0 2 4 6 8 10
aLi[i].style.background = '#CCC';
} else {
//1 3 5 7 9
aLi[i].style.background = '';
}
}
};
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>三、运行效果
image.png
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录