问1个js 删除table行的问题，百分百结贴


<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
        function delRow() {
            var tableObj = document.getElementById("tableContent");
            var senderObj = window.event.srcElement;
            var trObj = senderObj.parentNode.parentNode;
            tableObj.removeChild(trObj);
        }
        function delCols() {
            var tableObj = document.getElementById("tableContent");
            tableObj.rows[0].cells[0].style.display = "none";
        }
    </script>
</head>
<body>
<table id="tableContent" border="1">
    <tr>
        <td>A</td>
        <td>A</td>
        <td><input type="button" value="删除行"  id="btnDelOne"  onclick="delRow();"/></td>        
    </tr>
    <tr>
        <td>B</td>
        <td>B</td>
        <td><input type="button" value="删除列" id="btnDelTwo" onclick="delCols();"  /></td>        
    </tr>
</table>
</body>
</html>在delRow方法中，我获取到了想删除的行对象 ，为什么tableObj.removeChild(trObj);无法删除呢，
另外，怎么删除或者隐藏 table的整列啊~ 也就是delCols 这个方法！多谢~

解决方案 »

  1.   

    会自动生成tbody元素<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <script language="javascript" type="text/javascript">
            function delRow() {
                var tableObj = document.getElementById("tableContent");
                var senderObj = window.event.srcElement;
                var trObj = senderObj.parentNode.parentNode;
                tableObj.getElementsByTagName("tbody")[0].removeChild(trObj);
            }
            function delCols() {
                var tableObj = document.getElementById("tableContent");
                tableObj.rows[0].cells[0].style.display = "none";
            }
        </script>
    </head>
    <body>
    <table id="tableContent" border="1">
        <tr>
            <td>A</td>
            <td>A</td>
            <td><input type="button" value="删除行"  id="btnDelOne"  onclick="delRow();"/></td>        
        </tr>
        <tr>
            <td>B</td>
            <td>B</td>
            <td><input type="button" value="删除列" id="btnDelTwo" onclick="delCols();"  /></td>        
        </tr>
    </table>
    </body>
    </html>