js表格的输出

<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)