|
锁定老帖子 主题：我的动态添加表格的一行
该帖已经被评为新手帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-09-08
<html>
<head>
</head>
<script>
var row_times = 3;
function add_tr(){
var atable = document.getElementById("atable");
var atr = document.createElement("tr");
atr.border="1";
var atd = document.createElement("td");
atd.border="1";
atd.height="30";
var anode = document.createTextNode("第" + row_times++ +"行");
atd.appendChild(anode);
atr.appendChild(atd) ;
atable.appendChild(atr) ;
}
</script>
<body>
<form>
<table id="atable" name="atable" border="1" width="98%">
<tr><td><input type="button" value="添加一行" onclick="javascript:add_tr();"</td></tr>
<tr>
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
</table>
</form>
</body>
</html>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2009-09-08
最后修改：2009-09-08
用jQuery一句话搞定的代码
$("#atable").append("<tr><td>新行</td></tr>"); |
| 返回顶楼 | |
|
发表时间：2009-09-08
刚才试了一下，JQUERY果然厉害。
|
| 返回顶楼 | |
|
发表时间：2009-09-08
IE下跑不了
|
| 返回顶楼 | |
|
发表时间：2009-09-09
我又试了一下再IE中果然跑不了，我使用firefox做的测试。
浏览器之间的差异还很大，要写出兼容性很高的代码还要考虑很多内容，这是不是警示我们要用一些前端的js框架，比如jQuery等，这些框架已经解决了浏览器之间兼容性的问题。 |
| 返回顶楼 | |
|
发表时间：2009-09-09
还是jquery最好！！！
|
| 返回顶楼 | |
|
发表时间：2009-09-13
要明白jquery也是对javascript的封装。
|
| 返回顶楼 | |
|
发表时间：2009-09-14
Jwind 写道 要明白jquery也是对javascript的封装。
说明他封装的好嘛 |
| 返回顶楼 | |
|
发表时间：2009-09-15
这个应该在web编程里发的：）
|
| 返回顶楼 | |
|
发表时间：2009-09-15
Foxswily 写道 用jQuery一句话搞定的代码
$("#atable").append("<tr><td>新行</td></tr>"); $('atable tbody tr:first-child').clone().appendTo('atable tbody'); |
| 返回顶楼 | |
