<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
border:1px solid #e1e1e1;
width: 520px;
height: 220px;
border-collapse: collapse;
}
td{
border:1px solid #e1e1e1;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mybody = document.getElementsByTagName("body")[0];
mytable=document.createElement("table");
mytablebody=document.createElement("tbody");
for(var j=1;j<5;j++){
mycurrent_row=document.createElement("tr")
for(var i=1;i<5;i++){
mycurrent_cell=document.createElement("td")
if(i==2){
mycurrent_cell.style.background="#ed9121";
}
currenttext=document.createTextNode("单元格时第"+j+"行，第"+i+"列");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
}
mytablebody.appendChild(mycurrent_row);
}
mytable.appendChild(mytablebody);
mybody.appendChild(mytable);
}
</script>
</head>
<body>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
border:1px solid #e1e1e1;
width: 520px;
height: 220px;
border-collapse: collapse;
}
td{
border:1px solid #e1e1e1;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mybody = document.getElementsByTagName("body")[0];
mytable=document.createElement("table");
mytablebody=document.createElement("tbody");
for(var j=1;j<5;j++){
mycurrent_row=document.createElement("tr")
for(var i=1;i<5;i++){
mycurrent_cell=document.createElement("td")
if(i==2){
mycurrent_cell.style.background="#ed9121";
}
currenttext=document.createTextNode("单元格时第"+j+"行，第"+i+"列");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
}
mytablebody.appendChild(mycurrent_row);
}
mytable.appendChild(mytablebody);
mybody.appendChild(mytable);
}
</script>
</head>
<body>
</body>
</html>