码迷,mamicode.com
首页 > Web开发 > 详细

js表格的输出

时间:2015-06-04 11:40:15      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

<html>
    <head>
        <title>隔行变色</title>

        <script type="text/javascript">
function createtable(rows,cols,color){
    document.write(‘<table border=1 >‘);
    for(var i=0;i<rows;i++){
        if(i%2==0){
            document.write(‘<tr style="background:‘+color+‘;">‘);//奇数行有颜色属性也就是i为偶数时,(i+1)表示行数
        }
        else{
            document.write(‘<tr>‘);
        }
        
        for(var j=0;j<cols;j++){
            document.write(‘<td>‘)
            document.write(‘第‘+(i+1)+‘行第‘+(j+1)+‘列‘);
            document.write(‘</td>‘);
        }

        document.write(‘</tr>‘);
    }

    document.write(‘</table>‘)
}
var rows=prompt("请输入行数",5);//获取行数
var cols=prompt("请输入列数",5);//获取列数
var color=prompt("请输入颜色",‘red‘);//获取颜色
createtable(rows,cols,color);//调用函数



        </script>
    </head>
    <body>
       
    </body>
</html>

 

js表格的输出

标签:

原文地址:http://www.cnblogs.com/lzzhuany/p/4551225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!