9.5.5.html

来自「《精通AJAX》光盘 要求: JDK1.4.2 以上版本 数据库采用M」· HTML 代码 · 共 39 行

HTML
39
字号
<html>
<head>
<title>Table test</title>
</head>
<body>
<div id="tableTest">

</div>

</body>
</html>

<script language="JavaScript" type="text/javascript">
<!--
//获取容器div的引用
var container=document.getElementById("tableTest");
//创建表格对象
var _table=document.createElement("table");

//设置表格属性
_table.setAttribute("border","1");
_table.setAttribute("borderColor","black");
_table.setAttribute("width","200");

//创建5行
for(var i=0;i<5;i++){
	var _tr=_table.insertRow(i);
	//创建4列
	for(var j=0;j<4;j++){
		var _td=_tr.insertCell(j);
		var _tn=document.createTextNode(i.toString()+j.toString());
		_td.appendChild(_tn);
	}
}
//将表格显示于页面
container.appendChild(_table);
//-->
</script>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?