如题:如何用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的中间,如何实现
<tr id="t1"><td>111</td></tr>
<tr id="t3"><td>333</td></tr>
</table>现在我要将<tr id="t2"><td>222</td></tr> 插在t1与t3的中间,如何实现
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 tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");t1.parentNode.insertBefore(tr,t1);
tt.insertRow(0); //插入新行到指定处,0表示在最上面插入
tt.rows(0).insertCell(0); // 在新行创建单元格,0表示创建第一个单元格
tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
NewRow = table.insertRow();
NewRow.setAttribute("id","t4");
NewCell1 = NewRow.insertCell();
NewCell1.innerHTML = "444";
var tr = document.createElement("tr");
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");t1.parentNode.insertBefore(tr,t1);
http://www.sharejs.com/commdetails-683.aspx
tr.id = "t2";
tr.innerHTML = "<td>222</td>";
var t1 = document.getElementById("t3");t1.parentNode.insertBefore(tr,t1);
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="..."; //第一列,依次类推
}
}
<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>