<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <title>rw2</title>
<script type="text/javascript"> window.οnlοad=function(){
var mybody=document.getElementsByTag
Name("body")[0];
var mytable=document.createElement('table');
var mytablebody=document.createElement('tbody'); for(var j=1;j<5;j++){ mycurrent_row=document.createElement('tr'); for(var i=1;i<5;i++){ var mycurrent_cell=document.createElement('td'); if(i==1){ mycurrent_cell.style.background="rgb(255,0,0)" ; } var currenttext=document.createTextNode("单元格是第"+j+"行,第"+i+"列"); mycurrent_cell.appendChild(currenttext); mycurrent_row.appendChild(mycurrent_cell); } mytable.appendChild(mycurrent_row); } mytable.appendChild(mytablebody); mybody.appendChild(mytable); }
</script>
<style type="text/css">
table{ border:1px solid #333; border-collapse: collapse; width: 800px; height: 300px; margin: 0 auto; }
td{ border:1px solid #333; text-align: center; } </style>
</head>
<body>
</body>
</html>