首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

大神。刚学js 表格中删除一行数据

2013-01-27 
大神。。刚学js求助表格中删除一行数据!script typetext/javascriptvar list new Array()list[0]

大神。。刚学js 求助 表格中删除一行数据!
  <script type="text/javascript">
        var list = new Array();
        list[0] = { "id": "1", "JuanZengRen": "李连杰1", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[1] = { "id": "2", "JuanZengRen": "李连杰2", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[2] = { "id": "3", "JuanZengRen": "李连杰3", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[3] = { "id": "4", "JuanZengRen": "李连杰4", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[4] = { "id": "5", "JuanZengRen": "李连杰5", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };

        window.onload = function ()
        {
            var tb = document.getElementById("tab");
            for (var i = 0; i < list.length; i++)
            {
                var trNew = tb.insertRow(-1);
                trNew.insertCell(-1).innerHTML = list[i].id;
                trNew.insertCell(-1).innerHTML = list[i].JuanZengRen;
                trNew.insertCell(-1).innerHTML = list[i].DanWen;
                trNew.insertCell(-1).innerHTML = list[i].Moeny;
                trNew.insertCell(-1).innerHTML = list[i].DateTime;
                var td = trNew.insertCell(-1);
                td.innerHTML = "<a name = 'aDel' href = 'javascript:del();'>删</a> &nbsp <a>改</a>";
            };
        };


这是我代码  请问点击删除  怎么删除呀 Delete table javascript function
[解决办法]
<!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>


<script type="text/javascript">
        var list = new Array();
        list[0] = { "id": "1", "JuanZengRen": "李连杰1", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[1] = { "id": "2", "JuanZengRen": "李连杰2", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[2] = { "id": "3", "JuanZengRen": "李连杰3", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[3] = { "id": "4", "JuanZengRen": "李连杰4", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
        list[4] = { "id": "5", "JuanZengRen": "李连杰5", "DanWen": "广州传智", "Moeny": "100000", "DateTime": "2012-11-26" };
function del(a){
var p=a.parentNode.parentNode;
var t=p.parentNode;
t.removeChild(p);
}
        window.onload = function ()
        {
            var tb = document.getElementById("tab");
            for (var i = 0; i < list.length; i++)
            {
                var trNew = tb.insertRow(-1);
                trNew.insertCell(-1).innerHTML = list[i].id;
                trNew.insertCell(-1).innerHTML = list[i].JuanZengRen;
                trNew.insertCell(-1).innerHTML = list[i].DanWen;
                trNew.insertCell(-1).innerHTML = list[i].Moeny;
                trNew.insertCell(-1).innerHTML = list[i].DateTime;
                var td = trNew.insertCell(-1);
                td.innerHTML = "<a name = 'aDel' onclick='del(this)'>删</a> &nbsp <a>改</a>";
            };
        };
</script>
</head>

<body>
<table id="tab"></table>
</body>
</html>

[解决办法]
为什么 <a name = 'aDel' href = 'javascript:del(this);'>删</a> &nbsp <a>改</a>不对
而<a name = 'aDel' onclick='javascript:del(this)'>删</a> &nbsp <a>改</a>
又对,希望高手指点。

调试结果如下:


情况一:使用href = 'javascript:del(this);' ;
function del(a){
alert(a);     //结果为 [object Window]
var p=a.parentNode.parentNode;
alert(p);     //词句执行失败
var t=p.parentNode;
t.removeChild(p);

}

情况二:使用onclick='javascript:del(this)' ;
function del(a){
alert(a);   //结果为 弹出框中显示空白
var p=a.parentNode.parentNode;
alert(p);   //结果为 [object HTMLTableRowElement]
var t=p.parentNode;
t.removeChild(p);

}
[解决办法]
onclick='javascript:del(this)
是调用事件

热点排行