javascript创建表格问题?
下面是我用javascript编写的表格代码,怎么用更简单的语句把它编写出来,还有一个就是简化之后要使超链接显示在单元格的中间.
<table width="400" border="1" cellspacing="0" cellpadding="0" bordercolor="#0099FF"id="table1">
</table>
<script language="javascript">
//var value = "内容";
var value="<a href='#'>gho</a>";
var value1="<a href='#'>abc</a>";
var value2="<a href='#'>cde</a>";
var value3="<a href='#'>ABC</a>";
var value4="<a href='#'>CDE</a>";
var value5="<a href='#'>def</a>";
var value6="<a href='#'>DEF</a>";
var value7="<a href='#'>EFG</a>";
var value8="<a href='#'>efg</a>";
// 从最终的TextNode节点开始，慢慢形成<tbody>结构
var text = document.createTextNode(value); //新建一个TextNode节点
var text1 = document.createTextNode(value);
var td = document.createElement("td");
var td1 = document.createElement("td")
var td2 = document.createElement("td"); //新建一个td类型的Element节点
var td3 = document.createElement("td");
var td4 = document.createElement("td")
var td5 = document.createElement("td");
var td6 = document.createElement("td");
var td7 = document.createElement("td")
var td8 = document.createElement("td");
var tr = document.createElement("tr");
var tr1 = document.createElement("tr"); //新建一个tr类型的Element节点
var tr2 = document.createElement("tr"); //新建一个tr类型的Element节点
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
//td.appendChild(text);//将节点text加入td中
td.innerHTML = value;
td1.innerHTML = value1;
td2.innerHTML = value2;
td3.innerHTML = value3;
td4.innerHTML = value4;
td5.innerHTML = value5;
td6.innerHTML = value6;
td7.innerHTML = value7;
td8.innerHTML = value8;//将节点text加入td中
tr.appendChild(td);
tr.appendChild(td1); //将节点td加入tr中
tr.appendChild(td2);
tr1.appendChild(td3);
tr1.appendChild(td4); //将节点td加入tr中
tr1.appendChild(td5);
tr2.appendChild(td6);
tr2.appendChild(td7); //将节点td加入tr中
tr2.appendChild(td8);
tbody.appendChild(tr); //将节点tr加入tbody中
tbody.appendChild(tr1); //将节点tr加入tbody中
tbody.appendChild(tr2)
var parNode = document.getElementById("table1"); //定位到table上
parNode.insertBefore(tbody,parNode.firstChild); //将节点tbody插入到节点顶部
//parNode.appendChild(tbody); //将节点tbody加入节点尾部
</script>
