如何在已知的table里加一个td啊?用js写出来。

zhangliangming_87 2010-05-28 11:25:49
现在看到是下面的第二个<tr>少一个 <td> 能否用js写出脚本来,添加上<td>啊?先谢谢大家
<table >

<tr>

<td>名称</td>

<td>说明</td>

<td>操作</td>

</tr>
<tr>

<td>你</td>

<td>一样</td>
</tr>

</table>



...全文
120 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
chan10 2010-05-28
  • 打赏
  • 举报
回复
go了
真哥哥 2010-05-28
  • 打赏
  • 举报
回复
一个js,一个jQuery,够了吧...
q107770540 2010-05-28
  • 打赏
  • 举报
回复
jquery 一句搞定 ,学习
passself 2010-05-28
  • 打赏
  • 举报
回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>换行</title>
<style>
#test{
width:200px;
height:200px;
border:1px solid red;
}
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
$("#btn").click(function(){
$("#test tr:eq(1)").append("<td>和</td>");
});
});
</script>
</head>

<body>
<table id="test">
<tr>
<td>名称</td>
<td>说明</td>
<td>操作</td>
</tr>
<tr>
<td>你</td>
<td>一样</td>
</tr>
</table>
<input type="button" value="添加" id="btn" />
</body>
</html>

2010-05-28
  • 打赏
  • 举报
回复

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>new document</title>
<script type="text/javascript">
window.onload = function(){
var tb = document.getElementById("tb");
var td = document.createElement("td");
td.innerHTML = "123";
tb.rows[1].appendChild(td);
};
</script>
</head>
<body>
<table id="tb">
<tr>
<td>名称</td>
<td>说明</td>
<td>操作</td>
</tr>
<tr>
<td>你</td>
<td>一样</td>
</tr>
</table>
</body>
</html>

扁鵲東南飛 2010-05-28
  • 打赏
  • 举报
回复
谢谢各位的精彩答复。

87,992

社区成员

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

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