您的位置：首页 > Web前端 > JavaScript

js表格的输出

2015-06-04 10:57 555 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航