87,910
社区成员
发帖
与我相关
我的任务
分享如何用js语句插入一个到table 如题:如何用js语句插入一个<tr>到table
如<table>
<tr id="t1"><td>111</td></tr>
<tr id="t3"><td>333</td></tr>
</table>
现在我要将<tr id="t2"><td>222</td></tr> 插在t1与t3的中间，如何实现
...全文
用AI写文章 请发表友善的回复… 发表回复 
峭沙 2011-12-31 - 打赏
- 举报
回复 <!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<table>
<tr id="t1"><td>111</td></tr>
<tr id="t3"><td>333</td></tr>
</table>
<script>
var tab = document.getElementsByTagName('table')[0],
tr = tab.insertRow(1);
tr.id = "t2";
var td = tr.insertCell(-1);
td.innerHTML = "222";
</script>
</body>
<html>
chenlin1019 2011-12-31 - 打赏
- 举报
回复 借用10楼代码，
//tid：页面中新增tr对应的table的id、index:插入第几行（默认从0行插入）
function insertRowByIndex(tid,index)
{
var table=document.getElementById(tid); //获取table对象
var rcount=table.rows.length; //获取当前table下行数
if(rcount!=undefined&&index>=0&&index<=rcount)
{
var newrow=table.insertRow(index);
newrow.insertCell(0).innerHTML="..."; //第一列，依次类推
}
}
[Quote=引用 10 楼 alpha_423 的回复:]
插入新行到指定行数
JScript code
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0……
[/Quote] sh123456wb 2011-12-29 - 打赏
- 举报
回复 求高手，要是没有ID怎么实现！ sh123456wb 2011-12-29 - 打赏
- 举报
回复 var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
luliangshu350 2011-12-29 - 打赏
- 举报
回复 [Quote=引用 16 楼 sh123456wb 的回复:]
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
[/Quote]
这些代码我在IE6下测试不兼容 
rjzou2006 2009-06-27 - 打赏
- 举报
回复 $(o).append('<tr>aaa</tr>');
iazxq 2009-06-27 - 打赏
- 举报
回复 可以参考一下这个代码，原理是一样的
http://www.sharejs.com/commdetails-683.aspx 
lihan6415151528 2009-06-26 - 打赏
- 举报
回复
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
chen_ya_ping 2009-06-26 - 打赏
- 举报
回复 var table = document.getElementById("table1");
NewRow = table.insertRow();
NewRow.setAttribute("id","t4");
NewCell1 = NewRow.insertCell();
NewCell1.innerHTML = "444"; fanglong168 2009-06-26 - 打赏
- 举报
回复 [Quote=引用 10 楼 alpha_423 的回复:]
插入新行到指定行数
JScript code
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
[/Quote]
可以用这种方法，将数据插到指定的地方。第一行，第二行，随便可以添加。 
alpha_423 2009-06-26 - 打赏
- 举报
回复 插入新行到指定行数
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
Li103ZzZ 2009-06-26 - 打赏
- 举报
回复 能不能给点代码？谢谢 fanglong168 2009-06-26 - 打赏
- 举报
回复 [Quote=引用 6 楼 Li103ZzZ 的回复:]
如果是没ID的情况，能不能也插入呢？
[/Quote]
可以 fanglong168 2009-06-26 - 打赏
- 举报
回复 [Quote=引用 4 楼 eugenepada 的回复:]
JScript code
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
[/Quote]
顶！ Li103ZzZ 2009-06-26 - 打赏
- 举报
回复 如果是没ID的情况，能不能也插入呢？ 
zm61389457 2009-06-26 - 打赏
- 举报
回复 up 楼上的几位 
eugenepada 2009-06-26 - 打赏
- 举报
回复
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
yudoggy 2009-06-26 - 打赏
- 举报
回复 var table = 得到table对象
var newTr = document.createElement("TR");
newTr.id = "t2"
table.tBodies[0].insertBefore(newTr, table.rows[1]);
var newCell = document.createElement("TD");
newTr.appendChild(newCell);
newCell.innerHTML = 222;
没测试 
monexus 2009-06-26 - 打赏
- 举报
回复 tr2.parentNode.insertBefore(tr3, tr2); Li103ZzZ 2009-06-26 - 打赏
- 举报
回复 要求：用JS完成
如题:如何用js语句插入一个<tr>到table
如<table>
<tr id="t1"><td>111</td></tr>
<tr id="t3"><td>333</td></tr>
</table>
现在我要将<tr id="t2"><td>222</td></tr> 插在t1与t3的中间，如何实现
如<table>
<tr id="t1"><td>111</td></tr>
<tr id="t3"><td>333</td></tr>
</table>
现在我要将<tr id="t2"><td>222</td></tr> 插在t1与t3的中间，如何实现
...全文
请发表友善的回复…
发表回复
峭沙 2011-12-31
- 打赏
- 举报
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<table>
<tr id="t1"><td>111</td></tr>
<tr id="t3"><td>333</td></tr>
</table>
<script>
var tab = document.getElementsByTagName('table')[0],
tr = tab.insertRow(1);
tr.id = "t2";
var td = tr.insertCell(-1);
td.innerHTML = "222";
</script>
</body>
<html>chenlin1019 2011-12-31
- 打赏
- 举报
借用10楼代码，
//tid：页面中新增tr对应的table的id、index:插入第几行（默认从0行插入）
function insertRowByIndex(tid,index)
{
var table=document.getElementById(tid); //获取table对象
var rcount=table.rows.length; //获取当前table下行数
if(rcount!=undefined&&index>=0&&index<=rcount)
{
var newrow=table.insertRow(index);
newrow.insertCell(0).innerHTML="..."; //第一列，依次类推
}
}
[Quote=引用 10 楼 alpha_423 的回复:]
插入新行到指定行数
JScript code
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0……
[/Quote]
//tid：页面中新增tr对应的table的id、index:插入第几行（默认从0行插入）
function insertRowByIndex(tid,index)
{
var table=document.getElementById(tid); //获取table对象
var rcount=table.rows.length; //获取当前table下行数
if(rcount!=undefined&&index>=0&&index<=rcount)
{
var newrow=table.insertRow(index);
newrow.insertCell(0).innerHTML="..."; //第一列，依次类推
}
}
[Quote=引用 10 楼 alpha_423 的回复:]
插入新行到指定行数
JScript code
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0……
[/Quote]
sh123456wb 2011-12-29
- 打赏
- 举报
求高手，要是没有ID怎么实现！
sh123456wb 2011-12-29
- 打赏
- 举报
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
luliangshu350 2011-12-29
- 打赏
- 举报
[Quote=引用 16 楼 sh123456wb 的回复:]
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
[/Quote]
这些代码我在IE6下测试不兼容
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
[/Quote]
这些代码我在IE6下测试不兼容
rjzou2006 2009-06-27
- 打赏
- 举报
$(o).append('<tr>aaa</tr>');iazxq 2009-06-27
- 打赏
- 举报
可以参考一下这个代码，原理是一样的
http://www.sharejs.com/commdetails-683.aspx
http://www.sharejs.com/commdetails-683.aspx
lihan6415151528 2009-06-26
- 打赏
- 举报
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
chen_ya_ping 2009-06-26
- 打赏
- 举报
var table = document.getElementById("table1");
NewRow = table.insertRow();
NewRow.setAttribute("id","t4");
NewCell1 = NewRow.insertCell();
NewCell1.innerHTML = "444";
NewRow = table.insertRow();
NewRow.setAttribute("id","t4");
NewCell1 = NewRow.insertCell();
NewCell1.innerHTML = "444";
fanglong168 2009-06-26
- 打赏
- 举报
[Quote=引用 10 楼 alpha_423 的回复:]
插入新行到指定行数
JScript code
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
[/Quote]
可以用这种方法，将数据插到指定的地方。第一行，第二行，随便可以添加。
插入新行到指定行数
JScript code
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
[/Quote]
可以用这种方法，将数据插到指定的地方。第一行，第二行，随便可以添加。
alpha_423 2009-06-26
- 打赏
- 举报
插入新行到指定行数
var tt = document.getElementById("tt"); //获取table对象
tt.insertRow(0); //插入新行到指定处，0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格，0表示创建第一个单元格
tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
Li103ZzZ 2009-06-26
- 打赏
- 举报
能不能给点代码？谢谢
fanglong168 2009-06-26
- 打赏
- 举报
[Quote=引用 6 楼 Li103ZzZ 的回复:]
如果是没ID的情况，能不能也插入呢？
[/Quote]
可以
如果是没ID的情况，能不能也插入呢？
[/Quote]
可以
fanglong168 2009-06-26
- 打赏
- 举报
[Quote=引用 4 楼 eugenepada 的回复:]
JScript code
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
[/Quote]
顶！
JScript code
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
[/Quote]
顶！
Li103ZzZ 2009-06-26
- 打赏
- 举报
如果是没ID的情况，能不能也插入呢？
zm61389457 2009-06-26
- 打赏
- 举报
up 楼上的几位
eugenepada 2009-06-26
- 打赏
- 举报
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");
t1.parentNode.insertBefore(tr,t1);
yudoggy 2009-06-26
- 打赏
- 举报
var table = 得到table对象
var newTr = document.createElement("TR");
newTr.id = "t2"
table.tBodies[0].insertBefore(newTr, table.rows[1]);
var newCell = document.createElement("TD");
newTr.appendChild(newCell);
newCell.innerHTML = 222;
没测试
var newTr = document.createElement("TR");
newTr.id = "t2"
table.tBodies[0].insertBefore(newTr, table.rows[1]);
var newCell = document.createElement("TD");
newTr.appendChild(newCell);
newCell.innerHTML = 222;
没测试
monexus 2009-06-26
- 打赏
- 举报
tr2.parentNode.insertBefore(tr3, tr2);
Li103ZzZ 2009-06-26
- 打赏
- 举报
要求：用JS完成
