额，没分了。求超链接DOM操作。解决办法-JavaSript-爱易网页

额，没分了。求超链接DOM操作。解决办法

日期：2014-05-16　浏览次数：20493 次

额，没分了。求超链接DOM操作。

HTML code


<table width="300" border="1">
    <tr>
        <td>1
        </td>
        <td>2
        </td>
        <td>3
        </td>
        <td><a href="deleteCurRow();">delete current row</a>
        </td>
    </tr>
    <tr>
        <td>11
        </td>
        <td>22
        </td>
        <td>33
        </td>
        <td><a href="deleteCurRow();">delete current row</a>
        </td>
    </tr>
    <tr>
        <td>111
        </td>
        <td>222
        </td>
        <td>333
        </td>
        <td><a href="deleteCurRow();">delete current row</a>
        </td>
    </tr>
    <tr>
        <td>1111
        </td>
        <td>2222
        </td>
        <td>3333
        </td>
        <td><a href="deleteCurRow();">delete current row</a>
        </td>
    </tr>
</table>

能通过DOM，这样删除当前行吗？怎样通过这个href，找到他的父节点呢？貌似没有parentNode这个属性啊~
帮帮忙呀，谢谢，速度给分

------解决方案--------------------
貌似不可以删除，可以通过jquery的parent（）方法获得。
------解决方案--------------------

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>
<body>
<table id="t" width="300" border="1">
    <tr>
        <td>1111</td>
        <td>2222</td>
        <td>3333</td>
        <td><a href="javascript:void(0)" onclick="javascript:deleteCurRow(this);">delete current row</a></td>
    </tr>
    <tr>
        <td>1111</td>
        <td>2222</td>
        <td>3333</td>
        <td><a href="javascript:void(0)" onclick="javascript:deleteCurRow(this);">delete current row</a></td>
    </tr>
    <tr>
        <td>1111</td>
        <td>2222</td>
        <td>3333</td>
        <td><a href="javascript:void(0)" onclick="javascript:deleteCurRow(this);">delete current row</a></td>
    </tr>
    <tr>
        <td>1111</td>
        <td>2222</td>
        <td>3333</td>
        <td><a href="javascript:void(0)" onclick="javascript:deleteCurRow(this);">delete current row</a></td>
    </tr>
</table>
<script>

function deleteCurRow(ele){
    var t = document.getElementById('t');
    var _parent = ele.parentNode.parentNode;
    t.getElementsByTagName('tbody')[0].removeChild(_parent);
    
    return false;
};
</script>
</td>
</body>
</html>

------解决方案--------------------
HTML code<table width="300" border="1">
    <tr>
        <td>1
        </td>
        <td>2
        </td>
        <td>3
        </td>
        <td><a href="#" onclick="deleteCurRow(event)">delete current row</a>
        </td>
    </tr>
    <tr>
        <td>11
        </td>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

额，没分了。求超链接DOM操作。解决办法

相关资料更多>

推荐阅读更多>