代碼刪除實現不了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</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="del(this)">刪除</a></td>
</tr>
<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:;" onclick="del(this)">刪除</a></td>
</tr>
</table>
<input type="button" name="btn" id="" value="添加一行"/>
<script type="text/javascript">
window.onload=function(){
// 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
? ? ? ?var trs=document.getElementsByTagName("tr");
? ? ? ?for(var i=0;i<trs.length;i++){
? ? ? ? ? ?chcolor(trs[i]);
? ? ? ?}
? ? ? ?function chcolor(tr){
? ? ? ? ? ?tr.onmouseover = function(){
? ? ? ? ? ? ? ?tr.style.background = "#f2f2f2";
? ? ? ? ? ?}
? ? ? ? ? ?tr.onmouseout = function(){
? ? ? ? ? ? ? ?tr.style.background = "none";
? ? ? ? ? ?}
? ? ? ?}
// 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
? ?var btn = document.getElementsByTagName("input")[0];
? ?btn.onclick = function(){
? ? var xh ="xh"+prompt("請輸出學號");
? ? var xm = prompt("請輸出您的姓名");
? ? var tr1 = document.createElement("tr");
? ? var td1 = document.createElement("td");
? ? var td2 = document.createElement("td");
? ? var td3 = document.createElement("td");
? ? var tab = document.getElementById("table");
? ? tab.appendChild(tr1);
? ? tr1.appendChild(td1);
? ? tr1.appendChild(td2);
? ? tr1.appendChild(td3);
? ? td1.innerHTML = xh;
? ? td2.innerHTML = xm;
? ? td3.innerHTML = "<a href='javascript:;' onclick='delrow(this)'>刪除</a>";?
? ? chcolor(tr1);
? ?}
// 創建刪除函數
? function del(obj)
? ? {
? ? ? ? var tr=obj.parentNode.parentNode;
? ? ? ? tr.parentNode.removeChild(tr);
? ? }
? ??
? ??
}
</script>
</body>
</html>
2016-11-13
onclick='delrow(this)'這個弄錯了是del(this)
2016-10-29
你的這一行代碼沒有點擊事件啊
2016-10-29
創建刪除函數最后是不是多了個大括號啊。你自己看看。