<a href="#" onclick = "deleteItem(this);" >删除<a><td>为什么删除this就无法执行

宝宝妈妈2023-04-15  51

我在你的代码上改动了一下你看看

<!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>

这个你写错了javascript指令要用在href中

<a href="javascript:search()" onclick="">查询</a>

要写在onclick中不需要javascript指令

<a href="#" onclick="search()return false">查询</a>


转载请注明原文地址:https://54852.com/read/542730.html