<table>
<tr>
<td>aaaaaaaaaaa</td>
</tr>
</table>我想在tr前再插入一个tr写的代码: xmtable=document.getElementsByTagName("table");
xmtable1=xmtable.item(0);
xmtr=xmtable1.document.getElementsByTagName("tr");
xmtr1=xmtr.item(0);
newtr=document.createElement("tr");
newtd=document.createElement("td");
newText=document.createTextNode("hellow");
newtd.appendChild(newText);
newtr.appendChild(newtd);
xmtable1.insertBefore(newtr,xmtr1);
为什么老提示: xmtable1.insertBefore(newtr,xmtr1);行参数无效
请问应该怎么写?
<tr>
<td>aaaaaaaaaaa</td>
</tr>
</table>我想在tr前再插入一个tr写的代码: xmtable=document.getElementsByTagName("table");
xmtable1=xmtable.item(0);
xmtr=xmtable1.document.getElementsByTagName("tr");
xmtr1=xmtr.item(0);
newtr=document.createElement("tr");
newtd=document.createElement("td");
newText=document.createTextNode("hellow");
newtd.appendChild(newText);
newtr.appendChild(newtd);
xmtable1.insertBefore(newtr,xmtr1);
为什么老提示: xmtable1.insertBefore(newtr,xmtr1);行参数无效
请问应该怎么写?
<table>
<tr>
<td>aaaaaaaaaaa</td>
</tr>
</table>
<script language=javascript>
xmtable=document.getElementsByTagName("table");
xmtable1=xmtable.item(0);
xmtr=xmtable1.document.getElementsByTagName("tr");
xmtr1=xmtr.item(0);
newtr=document.createElement("tr");
newtd=document.createElement("td");
newText=document.createTextNode("hellow");
newtd.appendChild(newText);
newtr.appendChild(newtd);
alert(xmtable1.outerHTML)
xmtable1.childNodes[0].insertBefore(newtr,xmtr1);
</script>
语法:
oTR = object . insertRow ( iIndex )
参数:
iIndex : 可选项。整数值(Integer)。指定插入 tr 的序号。默认值为 -1 ,插入单元格到 rows 集合内的最后一个。 返回值:
oTR : 对象(Element)。成功则返回新建 tr 的引用。否则返回 null 。 说明:
在表格行内建立新的行( tr ),同时添加到 rows 集合内。
假如你插入行(Row)到 tFoot , tBody , tHead 内,你也需要将行加入 table 的 rows 集合内。加入你指定了 iIndex ,这个序号应该是相对于其最接近的父对象的 rows 集合。例如,假如你插入 tr 到 tFoot 内,那么 iIndex 应该是相对于 tFoot 的 rows 集合,而不是 table 的。
推荐使用的方法,是依据默认值将单元格插入到 rows 集合内的最后一个。这是速度最快的插入方式。
<head>
<style type="text/css">
table {
border-left:#CCCCCC 1px dashed;
border-top:#CCCCCC 1px dashed;
border-collapse:collapse;
}
td {
padding:5px;
border-right:#CCCCCC 1px dashed;
border-bottom:#CCCCCC 1px dashed;
}
</style>
<script type="text/javascript">
var num = 0;
var table = {
$c : function () {
var tr = document.createElement("tr");
var td = tr.appendChild(document.createElement("td"));
td.onclick = function () {
table.IP(this);
};
td.innerHTML = "wc" + ++ num;
return tr;
},
$p : function (o) {
do {
o = o.previousSibling;
} while (o && o.nodeType == 1);
return o;
},
IP : function (o) {
var tr = table.$c(), o = o.parentNode, n = table.$p(o);
o.parentNode.insertBefore(tr, o);
}
}
</script>
</head>
<body>
<table>
<tbody id="wc">
<tr><td onClick="table.IP(this)">wc0</td></tr>
</tbody>
</table>
</body>
</html>忽忽,好些日子没见到我们敬爱的斑竹大人了..
<script type="text/javascript">
var num = 0;
var table = {
$c : function () {
var tr = document.createElement("tr");
var td = tr.appendChild(document.createElement("td"));
td.onclick = function () {
table.IP(this);
};
td.innerHTML = "wc" + ++ num;
return tr;
},
IP : function (o) {
var tr = table.$c(), o = o.parentNode;
o.parentNode.insertBefore(tr, o);
}
}
</script>