HTML 表格生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">

//var str='<table border="1"><tr><td>Bill Gates</td></tr></table>'; /*表格头
function init(row, col)
{
var str='<table border="1" width="300" height="300">';
for(var i=1;i<=row;i++)
{
  str+="<tr>";   /*生成行
  for(var j=1;j<=col;j++)
  {
   str+="<td onclick='judge("+ i +");'>"+( (i-1)*3+j )+"</td>"; /*生成列单元格及内容，             在添加列单元格及内容时因注意“” 与‘’ 就近匹配原则。
  }
  str+="</tr>"; /*行尾
}
str+= "</table>" /*表格尾
// i=1   j=1---3 1 2 3   (i-1)*3+j
//i=2              4 5 6
//document.write(str);
document.getElementById("mt").innerHTML=str;
}
function createTable()
{
var row=document.getElementById("t1").value; /*获取文本框行列
var col=document.getElementById("t2").value;
init(row,col);
}
function judge(temp)
{
alert(temp);
}
</script>
</head>

巴特西

HTML 表格生成

最新文章

热门文章