<!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>