| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 895 人关注过本帖
标题:javascript创建表格问题?
只看楼主 加入收藏
byxiao
Rank: 1
等 级:新手上路
帖 子:7
专家分:0
注 册:2008-3-6
收藏
 问题点数:0 回复次数:1 
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>
搜索更多相关主题的帖子: javascript 表格 
2008-03-06 22:11
hacowz
Rank: 1
等 级:新手上路
帖 子:68
专家分:0
注 册:2008-3-4
收藏
得分:0 
如果不是动态的话,完全可以用DIV啊
2008-03-07 15:26
快速回复:javascript创建表格问题?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.036126 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved