js dom动态创建表格实例

这里创建表格是利用了document.getelementbyid document.createelement然后再利用setattribute设置要创建表格边框，边框色，宽度等，再利用for创建表格行与单格。

<script language="网页特效" 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=document.createelement("tr");
 //创建4列
 for(var j=0;j<4;j++){
  var _td=document.createelement("td");
  var _tn=document.createtextnode(i.tostring()+j.tostring());
  _td.appendchild(_tn);
  _tr.appendchild(_td);
 }
 _table.appendchild(_tr);
}
//将表格显示于页面
container.appendchild(_table);
//-->
</script>

补充一下 document.getelementbyid()

<script language="javascript" type="text/javascript">
<!--
var span1=document.getelementbyid("span1");
//使用innerhtml属性改变结点的内容
span1.innerhtml="innerhtml changed";
//-->
</script>