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

<a href="#" onclick = "deleteItem(this);" >删除<a><td>为什么删除this就无法执行,第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></a>表示一个超链接标签 点击它就会跳转到某个页面

href="index.html" 表示要跳转的页面 当点击时就会跳转到index.html这个页面

onmouserover是一个事件 当鼠标经过这个超链接的时候就会触发后面的动作alert('welcome');

alert('welcome')是javascript里面的一个函数 意思是弹出对话框 对话框的内容是welcome

return false的意思就是返回false 在这里没有多大意义

不知道够不够详细


欢迎分享,转载请注明来源:优选云

原文地址:https://54852.com/hy/693723.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-22
下一篇2023-05-22

随机推荐

发表评论

登录后才能评论
保存