<a href="#" onclick = "deleteItem(this);" >删除</a></td>为什么删除this就无法执行了呢？
<!DOCTYPEhtml><html><head><title>newdocument</title><metahttp-equiv="Content-Type"con...
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
window.onload = function(){
var hang=document.getELementTagName("tr");
for(i=hang.length;i>=0;i--)
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
}
// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
// 创建删除函数
function click(){
var hang=document.getElement("tr");
for(i=hang.length-1;i>=0;i--){
var x=hang.removChild(hang.child.Nodes[i])
}
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="click()" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="click()">删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<input type="button" value="添加一行" /> <!--在添加按钮上添加点击事件 -->
</body>
</html> 展开
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
window.onload = function(){
var hang=document.getELementTagName("tr");
for(i=hang.length;i>=0;i--)
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
}
// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
// 创建删除函数
function click(){
var hang=document.getElement("tr");
for(i=hang.length-1;i>=0;i--){
var x=hang.removChild(hang.child.Nodes[i])
}
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="click()" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="click()">删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<input type="button" value="添加一行" /> <!--在添加按钮上添加点击事件 -->
</body>
</html> 展开
1个回答
展开全部
我在你的代码上改动了一下你看看
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
<script type="text/javascript">
//删除方法
function remove(obj){
obj.parentNode.parentNode.remove();
}
//添加方法
function add(){
var table = document.getElementById("table");
table.innerHTML = table.innerHTML + "<tr><td>xh001</td><td>王小明</td><td><a href='javascript:;' onClick='remove(this)' >删除</a></td> </tr>";
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onClick="remove(this)" >删除</a></td>
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onClick="remove(this)">删除</a></td>
</tr>
</table>
<input type="button" value="添加一行" onClick="add()" />
</html>
追问
我的意思是为什么a标签里的remove（）里一定要有this呢？如果不写this就无法运行，是什么原理？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
