javascript创建表格问题请教!!!
<tablewidth="400"border="1"cellspacing="0"cellpadding="0"id="table1"></table><scriptl...
<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>
这就是用javascript创建的表格,但是只有一个单元格,怎么创建多个单元格?
还有就是要在这个单元格里面输入的不是文本,而是一个超链接,又要怎么才能实现?
要是要建立多行怎么作呢?
你说可以用循环语句编写,能不能给我写出来,写出来之后再加100分. 展开
</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>
这就是用javascript创建的表格,但是只有一个单元格,怎么创建多个单元格?
还有就是要在这个单元格里面输入的不是文本,而是一个超链接,又要怎么才能实现?
要是要建立多行怎么作呢?
你说可以用循环语句编写,能不能给我写出来,写出来之后再加100分. 展开
1个回答
展开全部
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<script language="javascript">
var value = "内容";
var value1 = "<a href='*'>link</a>";
var row = 5; //创建5行
var col = 7; //创建7格
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
for(var i=0;i<row;i++)
{
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
for(var j=0;j<col;j++)
{
var td = document.createElement("td"); //新建一个td类型的Element节点
td.innerHTML = value1;// 链接。。。。
tr.appendChild(td); //将节点td加入tr中
}
tbody.appendChild(tr); //将节点tr加入tbody中
}
var parNode = document.getElementById("table1"); //定位到table上
parNode.appendChild(tbody); //将节点tbody加入节点尾部
</script>
</table>
<script language="javascript">
var value = "内容";
var value1 = "<a href='*'>link</a>";
var row = 5; //创建5行
var col = 7; //创建7格
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
for(var i=0;i<row;i++)
{
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
for(var j=0;j<col;j++)
{
var td = document.createElement("td"); //新建一个td类型的Element节点
td.innerHTML = value1;// 链接。。。。
tr.appendChild(td); //将节点td加入tr中
}
tbody.appendChild(tr); //将节点tr加入tbody中
}
var parNode = document.getElementById("table1"); //定位到table上
parNode.appendChild(tbody); //将节点tbody加入节点尾部
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
网易云信
2023-12-06 广告
2023-12-06 广告
很高兴能回答您的问题。以下是一段针对“一对一消息组件”的描述,字数在200字左右:该组件支持用户之间的私密交流,让沟通更加直接和高效。通过它,您可以向特定对象发送消息,并实时查看消息状态,包括对方是否已读或未读。同时,该组件还支持富文本消息...
点击进入详情页
本回答由网易云信提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询