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

宝宝妈妈2023-07-26  30

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

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

<span style="font-size:16px"><strong>Email:</strong><a href="#">Info@company.com</a><span><br>

复制进去就能使用,如果大小不合适的话你修改

<span style="font-size:16px">中的“16”,数字越大字越大

<a href="#" onclick="show() ">打开</a>

<script>

function show(){

//打开代码..

}

</script>

onclick事件只能执行,不能用function

<a href="#" onclick="alert('123')">打开</a>也可以


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