insertCell 添加的只是个TD , 如何动态添加TH ?

iwlk 2009-02-01 12:10:26

<table border="1" id="table1">
<tr>
<th>姓名</th>
</tr>
<tr>
<td>张三</td>
</tr>
</table>
<input type="button" name="name1" value="插入一列_姓别" onClick="test();"/>

<script language="javascript">
function test()
{
var tr = document.getElementById("table1").rows;
tr[0].insertCell(1).innerHTML="姓别";
}
</script>


以上代码只能添加TD , 如何添加TH ?
...全文
547 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Robin.Xun 2009-02-01
  • 打赏
  • 举报
回复
<body></body>
<table border="1" id="table1">
<tr>
<th>姓名</th>
</tr>
<tr>
<td>张三</td>
</tr>
</table>
<input type="button" name="name1" value="插入一列_姓别" onClick="test();"/>

<script language="javascript">
function test()
{
var tr = document.getElementById("table1").rows;
//tr[0].insertCell(1).innerHTML="姓别";
var th=document.createElement("th");
th.innerHTML="姓别";
tr[0].appendChild(th);
}
</script>
lihan6415151528 2009-02-01
  • 打赏
  • 举报
回复
1楼方法很正确了
iwlk 2009-02-01
  • 打赏
  • 举报
回复
不想用appendChild 呵呵

还有其它答案吗?
基于asp的web课程设计 [removed] function Ok_OnClick(event) { if(document.getElementsByName("textName")[0].value == ""){ alert("请输入内容"); return; }//getElementById var table; var tableList = document.getElementsByTagName("TABLE"); for(var i = 0 ; i < tableList.length ; i++) { if(tableList[i].name == "tableName") { table = tableList[i] break; } } var value = document.getElementsByName("textName")[0].value; var index = table.rows.length; table.insertRow(index); table.rows(index).insertCell(0); table.rows(index).cells(0).innerText = value; document.getElementsByName("textName")[0].value = ""; } [removed] <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>留言版</TITLE> <STYLE> td{width:20%;height:20px;border-bottom:1px solid black;border-right:1px solid black;cursor:default;} div{font-size:13px;} th{height:20px;font-size:12px;font-weight:normal;border-bottom:2px solid black;background-color:#CCCCCC} table{border:1px solid black;font-size:13px;} </STYLE> </HEAD> <BODY false;""> th="70%" align="center" cellpadding="0" cellspacing="0"> <TH colspan="4" <TD>呵呵,一个超简陋的留言版 ^_^TD>

<textarea rows="2" name="textName" id="textId" cols="20" 70%; clip: rect(0pt, 47pt, 18pt, 0pt); font-family: 宋体; font-size: 10pt; font-weight: normal; font-style: normal;text-align: left; vertical-align: middle; text-indent: 0; color: #000000; background-attachment: fixed; background-color: #EEEEEE; border: 1px solid #0xf8f8f8"> </textarea>

<input type="button" value="提交" Ok_OnClick(window.event);" ; width:60 ; height: 21; clip: rect(0pt, 47pt, 18pt, 0pt); font-family: 宋体; font-size: 10pt; font-weight: normal; font-style: normal; cursor: hand; text-align: center; vertical-align: middle; text-indent: 0; color: #000000; background-attachment: fixed; background-color: #d8d8d8; border: 1px solid #59b4f7"> <!--position: absolute; left: 342; top: 184; -->
</BODY> </HTML>

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧