请教大家一个问题,关于JS插入


<html> 
<head> 
<title>无标题文档 </title> 
<style type="text/css">
td{
background-color:#ffffff;
}
</style><script type="text/javascript" language="javascript"> 
function deleteid(obj){
                obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);
}function addRow(){
var row = document.getElementById("goodsproductlist").insertRow();
var cell = row.insertCell();
cell.innerHTML = "111"; cell = row.insertCell();
cell.innerHTML = "<a href=\"#\" onClick=\"deleteid(this)\">置顶</a>";
}
</script>
</head>
<body>
        <table width="100%" border="0" cellpadding="5" cellspacing="2" id="goodsproductlist">
             <tr>
                <td bgcolor="#F2F9C8" class="tab1_1" height="18"><b>产品名称</b></td>
                <td bgcolor="#F2F9C8" class="tab1_1"><b>仓库类别</b></td>
             </tr>
            <tr>
                <td height="18">竹纤维毛巾</td>
                <td><a href="#" onClick="deleteid(this)">置顶</a></td>
            </tr>
            
            <tr>
                <td height="18">竹纤维礼盒（三件套）</td>
                <td><a href="#" onClick="deleteid(this)">置顶</a></td>
            </tr>
            
            <tr>
                <td height="18">居家竹炭小Q仔</td>
                <td><a href="#" onClick="deleteid(this)">置顶</a></td>
            </tr>
            
            <tr>
                <td height="18">颈椎枕</td>
                <td><a href="#" onClick="deleteid(this)">置顶</a></td>
            </tr>
            
            <tr>
                <td height="18">山茶花粉</td>
                <td><a href="#" onClick="deleteid(this)">置顶</a></td>
            </tr>
            
        </table>
<input type="button" value="增加" onclick="addRow()"/>
</body>
</html>

解决方案 »

  1.   

    function deleteid(obj){
             var tb=document.all.goodsproductlist;
     var tr=tb.childNodes[0].childNodes[1];
     var old=tr.replaceNode(obj.parentNode.parentNode);
             tb.childNodes[0].lastChild.appendChild(old);
     }
    </script>
      

  2.   

    表格插入行正确的写法是这样
    var tableObj = document.getElementById('tableId');
    tableObj.insertRow(1);  // 插入第二行,和数组一样是从0开始的就楼主的置顶来说是第二行
    tableObj.rows[1].insertCell(0);// 在第二行中插入第一列
    tableObj.rows[1].cells[0].appendChild(document.createTextNode('2, 1'));
    tableObj.rows[1]可以看成是行的object,可以利用它设置属性
    比如
    tableObj.rows[1].style.backgroundColor = "#F2F9C8";
    不过建议楼主使用css的class顺便提一下，使用对应的删除行的方法为tableObj.deleteRow(1);不要使用removeChild方法。