兼容ie和firefox的表格删除

最新推荐文章于 2021-06-09 16:01:25 发布

qqlxx

最新推荐文章于 2021-06-09 16:01:25 发布

阅读量587

点赞数 1

分类专栏： javascript 文章标签： firefox ie javascript function button null

本文链接：https://blog.csdn.net/qqlxx/article/details/2442294

版权

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>

<head>

<title></title>
<script language="javascript">
function testEvent(e)
{
    var Evt = window.event == undefined ? e : window.event;
    alert(window.event);
    alert(Evt);
}

function d()
{
    //var Evt = window.event == undefined ? e : window.event;
    var Evt = getEvent();
    var srcElements = Evt.srcElement == undefined ? Evt.target : Evt.srcElement
    //alert(srcElements)
    //var i = srcElements.parentElement.parentElement.rowIndex;
    var i = srcElements.parentNode.parentNode.rowIndex;
    //alert(i)
    document.getElementById("tab").deleteRow(i);
    //removeChild(oTable[1].childNodes[0].childNodes[delRow-1]);
    //alert(document.getElementById("tab").childNodes[0])
    //alert(document.getElementById("tab").childNodes[0].childNodes[1])

    //document.getElementById("tab").childNodes[0].removeChild(document.getElementById("tab").childNodes[0].childNodes[i])
}

function testGetEvent()
{
alert(getEvent());
}

</script>
</head>

<body>
<input type="button" value="testEvent" οnclick="testEvent(event)">
<input type="button" value="getEvent" οnclick="testGetEvent()">
<table id="tab" border="1">
<tr><td>1<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
<tr><td>2<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
<tr><td>3<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
<tr><td>4<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
<tr><td>5<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
<tr><td>6<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
<tr><td>7<a href="javascript:void(0)" οnclick="d(event)">delete</a></td></tr>
</table>

</body>

</html>