使用JS输出100个按钮
1、点击按钮,自动生成100个li,红、黄、蓝、绿四种颜色的顺序显示出现在页面中

2、CSS:*{padding: 0;margin: 0;}ul,li{list-style: none;}#ul1{position: relative;}#ul1 li{ width: 48px; height: 48px; border: 1px solid #ccc; float: left;

4、<script type="text/javascript"> var oBtn=document.get呶蓟鹭毵ElementById('btn1'); var oUl=document.getElementById('ul1'); var aLi=oUl.getElementsByTagName('li'); var str='';

6、//只能在一次点击按钮的时候添加内容 for (var i = 0; i < aLi.length; i++) { var n=i%arr.length;//取模获得0,1,2,3数字循环出现 aLi[i].style.background=arr[n]; }; } </script>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:26
阅读量:79
阅读量:56
阅读量:36
阅读量:40