var cols=5 //5列
var rows=4//4行
var htmlstr="<table border='1px'>"
for(i=1i<=rowsi++){
htmlstr+="<tr>"
for(j=1j<=colsj++){
htmlstr+="<td >" + i +"行"+j+"列" +"</td>"
}
htmlstr+="</tr>"
}
htmlstr+="</table>"
document.write(htmlstr)
<scrpit type="text/javascript">function table(num){
var tab="<table>"
for(var i=0i<=numi++){
if(i%2==0){
tab+="<tr><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td><td class='red'></td></tr>"
}else{
tab+="<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>"
}
}
tab+="</table>"
document.write(tab)
}
table(10)
</script>
这样就可以了~然后你再去用CSS定义一下red的样式就可以了~
可以的，最简单的
<div id="t"></div><script>
var html ="<table>"
for(var i=0i<3i++){
html+="<tr>"
for(var j=0j<5j++){
html +="<td>"
html += i+"行"+j+"列"
html+="</td>"
}
html+="</tr>"
}
html +="</table>"
console.log(html)
document.getElementById('t').innerHTML = html
