代碼刪除實現(xiàn)不了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>學(xué)號</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(){
// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
? ? ? ?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";
? ? ? ? ? ?}
? ? ? ?}
// 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
? ?var btn = document.getElementsByTagName("input")[0];
? ?btn.onclick = function(){
? ? var xh ="xh"+prompt("請輸出學(xué)號");
? ? 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);
? ?}
// 創(chuàng)建刪除函數(shù)
? 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
你的這一行代碼沒有點(diǎn)擊事件啊
2016-10-29
創(chuàng)建刪除函數(shù)最后是不是多了個大括號啊。你自己看看。