今天写一个取模的小实例，将数组中的内容循环写入到 li 中。来看代码：
<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
布局就是一些li，那么想在每个li里循环写如规定的内容，并且点击任何一个加入颜色，看js：
<script> window.onload=function(){ var aLi=document.getElementsByTagName("li"); var arrTxt=["咖啡","牛奶","面包","蛋糕"]; for(var i=0;i<aLi.length;i++){ aLi[i].innerHTML=arrTxt[i%arrTxt.length]; aLi[i].onclick=function(){ for(var i=0;i<aLi.length;i++){ aLi[i].style.background=""; } this.style.background="#ffd5d5"; } } } </script>
效果图如下：
这个就是取模的一个最简单的小实例。