关于表格插入节点的问题

参考一下这个：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var curRow=null;
function selectRow(tr1){
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
var newrow = src.insertRow();
newrow.attachEvent("onclick",function(){selectRow(newrow);});
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
</script>
</head><body>
<table id="tb" width="100%"  border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
  <tr>
    <th scope="col" width="25%">一</th>
    <th scope="col" width="25%">二</th>
    <th scope="col" width="25%">三</th>
    <th scope="col" width="25%">四</th>
  </tr>
  <tr id="blankRow" onClick="addRow(this.parentElement)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:90%; background-color:#FFFFEF"></div>
</body>
</html>

解决方案 »

  1.   

      <tr><td colspan=3 bgcolor="#E1F0FF"><input type="hidden" name="meeting_id" value="260">
    <input value="增加一行" onclick="addRow(this.parentElement.parentElement)" type="button"></td></tr></table>
    <script>
    var j=0
    function addRow(TrObj){
    var table=TrObj.parentElement;
    var newRow=table.insertRow(TrObj.rowIndex);
    for(var i=0;i<3;i++){
    var newCell=newRow.insertCell();
    newCell.innerHTML=table.rows[newRow.rowIndex-1].cells[i].innerHTML;
    }
    //alert(table.rows[newRow.rowIndex-1].innerHTML);
    //newRow.outerHTML="<tr bgcolor=#E1F0FF>"+table.rows[newRow.rowIndex-1].innerHTML+"</tr>";
    //newRow.innerHTML=table.rows[newRow.rowIndex-1].innerHTML;
    }
    </script>
      

  2.   

    <table border="0" width="700" align="center" bgcolor="#000080" cellspacing="1" cellpadding="2" height="71" id=sqd>
    <tr>
    <td  bgcolor="#FBDA97" height="19">
            <p align="center"><strong><font color="#000000">选项</font></strong></td><td  bgcolor="#FBDA97"><strong>序号</strong></td>
    <td width="87" bgcolor="#FBDA97" height="19"><p align="center"><strong>
            <font color="#000000">职务名称</font></strong></td>
    </tr>  <tr bgcolor=#E1F0FF>
        <td ><input type="radio" name="Number" value="1" ><input type="hidden" name="ordercode" value="34700000"></td>
    <td><input value="1" size=3></td>
        <td><input value="铁道部党组书记、部长" size=60><font color=blue>[</font><font color=red>铁道部党组</font><font color=blue>]</font></td>
      </tr>
      <tr bgcolor=#E1F0FF>
        <td ><input type="radio" name="Number" value="2"><input type="hidden" name="ordercode" value="34700000"></td>
    <td><input value="2" size=3></td>
        <td><input value="铁道部党组副书记、副部长" size=60><font color=blue>[</font><font color=red>铁道部党组</font><font color=blue>]</font></td>
      </tr>
      <tr><td colspan=3 bgcolor="#E1F0FF"><input type="hidden" name="meeting_id" value="260">
    <input value="增加一行" onclick="addRow(this.parentElement.parentElement)" type="button"></td></tr></table>
    <script>
    var j=0
    function addRow(TrObj){
    var index=0;
    for(var i=0;i<document.getElementsByName("Number").length;i++)
    if(document.getElementsByName("Number")[i].checked)
    index=document.getElementsByName("Number")[i].parentElement.parentElement.rowIndex+1;
    if(index==0){ alert("请选择一行!");return ;}
    var table=TrObj.parentElement;
    var newRow=table.insertRow(index);
    for(i=0;i<3;i++){
    var newCell=newRow.insertCell();
    newCell.innerHTML=table.rows[newRow.rowIndex-1].cells[i].innerHTML;
    }
    newRow.style.backgroundColor="#E1F0FF";
    newRow.cells[0].children[0].checked=false;
    newRow.cells[2].children[0].value="";
    for(i=1;i<table.rows.length-1;i++)
    table.rows[i].cells[1].children[0].value=i;
    //alert(table.rows[newRow.rowIndex-1].innerHTML);
    //newRow.outerHTML="<tr bgcolor=#E1F0FF>"+table.rows[newRow.rowIndex-1].innerHTML+"</tr>";
    //newRow.innerHTML=table.rows[newRow.rowIndex-1].innerHTML;
    }
    </script>