<!DOCTYPE html>javascript
<html lang="en">css
<head>html
<meta charset="UTF-8">java
<title>Document</title>app
<style type="text/css">htm
table{ip
width: 400px;get
height: 400px;it
border: 1px solid red;io
}
tr{
border: 1px solid red;
}
td{
border: 1px solid red;
}
</style>>
<script type="text/javascript">
window.onload=function(){ //獲取body標籤
var mybody=document.getElementsByTagName("body")[0];
//建立一個<table>元素和一個<tbody>元素
mytable=document.createElement("table");
mytablebody=document.createElement("tbody");
//建立全部的單元格
for(var j=1;j<5;j++){
//建立一個<tr>元素
mycurrent_row=document.createElement("tr");
for(var i=1;i<5;i++){
//建立一個<td>元素
mycurrent_cell=document.createElement("td");
//建立一個文本節點
currenttext=document.createTextNode("單元格式第"+j+"行，第"+i+"列");
//建立第文本節點添加到<td>裏
mycurrent_cell.appendChild(currenttext);
//將列<td>添加到行<tr>
mycurrent_row.appendChild(mycurrent_cell);
}
//將行<tr>添加到<tbody>
mytablebody.appendChild(mycurrent_row);
}
//將<tbod>添加到<table>
mytable.appendChild(mytablebody);
mybody.appendChild(mytable);
}
</script>
</head>
<body>
</body>
< /html>