用javacscript怎么创建表格??

来源:百度知道 编辑:UC知道 时间:2024/05/19 08:19:49
有多个网页要用到同一个表格,我想用javascript创建一个表格,然后再去调用这个表格,不知道怎么创建?

<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<script language="javascript">
var value = "内容";
// 从最终的TextNode节点开始,慢慢形成<tbody>结构
var text = document.createTextNode(value); //新建一个TextNode节点
var td = document.createElement("td"); //新建一个td类型的Element节点
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
td.appendChild(text); //将节点text加入td中
tr.appendChild(td); //将节点td加入tr中
tbody.appendChild(tr); //将节点tr加入tbody中
var parNode = document.getElementById("table1"); //定位到table上
//parNode.insertBefore(tbody,parNode.firstChild); //将节点tbody插入到节点顶部
parNode.appendChild(tbody); //将节点tbody加入节点尾部
</script>