读书人

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

发布时间: 2013-01-27 13:56:15 作者: rapoo

大神。。刚学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)
是调用事件

读书人网 >JavaScript

热点推荐