<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>
时间： 2024-08-02 01:57:16