遇到瓶頸了,刪除任意刪除實(shí)在是搞不來,求大神幫我看看吧
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>? ?
? <script type="text/javascript">?
? ? window.onload = function(){ changeColor();? }
? ? function changeColor(){
? ? ? ? ? ? var trc = document.getElementsByTagName("tr");
? ? ? ? ? ? for (var i = 0; i <=trc.length; i++) {
? ? ? ? ? ? trc[i].style.backgroundColor="#fff";
? ? ? ? ? ? trc[i].setAttribute("onmouseover","this.style.backgroundColor='#f2f2f2'");?
? ? ? ? ? ? trc[i].setAttribute("onmouseout","this.style.backgroundColor='#fff'");?
? ? ? ? ? ? }
? ? ?}
? ? function add() {
? ? ? ? ? ? var tb = document.getElementById("table");
? ? ? ? ? ? var newLow = document.createElement("tr");
? ? ? ? ? ? var c = document.createElement("td");
? ? ? ? ? ? var d = document.createElement("td");
? ? ? ? ? ? var f = document.createElement("td");
? ? ? ? ? ? var co = document.createTextNode("");
? ? ? ? ? ? var a = document.createElement("a");
? ? ? ? ? ? a.innerHTML = "刪除";
? ? ? ? ? ? a.href ="javascript:delrow()";
? ? ? ? ? ? c.appendChild(co);
? ? ? ? ? ? d.appendChild(co);
? ? ? ? ? ? f.appendChild(a);?
? ? ? ? ? ? newLow.appendChild(c);
? ? ? ? ? ? newLow.appendChild(d);
? ? ? ? ? ? newLow.appendChild(f);
? ? ? ? ? ? tb.appendChild(newLow);
? ? ? ? ? ? changeColor();
? ? }??
? ? function delrow(){
? ? ? ? ? ? var tbody = document.getElementById('table');??
? ? ? ? ? ? tbody.removeChild(tbody.lastChild);
? ? }//向這邊,我很想知道點(diǎn)擊這一行的刪除,能否準(zhǔn)確定位到當(dāng)前的chilidNodes【i】的方法。有沒有類似指針的東西
//好確定此時的位置
? ? ?
? </script>?
?</head>?
?<body>?
? ? ? ?<table border="1" width="50%" id="table">
? ? ? ?<tr onclick="on()">
? ? ? ? <th>學(xué)號</th>
? ? ? ? <th>姓名</th>
? ? ? ? <th>操作</th>
? ? ? ?</tr>??
? ? ? ?<tr>
? ? ? ? <td>xh001</td>
? ? ? ? <td>王小明</td>
? ? ? ? <td><a href="javascript:delrow();" >刪除</a></td>? ?<!--在刪除按鈕上添加點(diǎn)擊事件? -->
? ? ? ?</tr>
? ? ? ?<tr>
? ? ? ? <td>xh002</td>
? ? ? ? <td>劉小芳</td>
? ? ? ? <td><a href="javascript:delrow();" >刪除</a></td>? ?<!--在刪除按鈕上添加點(diǎn)擊事件? -->
? ? ? ?</tr>?
? ? ? ?</table>
? ? ? ?<input type="button" value="添加一行"? onclick="add()" />? ?<!--在添加按鈕上添加點(diǎn)擊事件? -->
?</body>
</html>
2018-09-20
不太贊同參考代碼的觀點(diǎn)在一個tr下增加好多tr