首頁猿問關(guān)于事件源的問題

關(guān)于事件源的問題

JavaScript

Beckybei 2015-11-09 10:41:16

代碼有點(diǎn)長仿著網(wǎng)上的教程做的<html><head><style>td{text-align:center;}</style></head><body><table border="1px solid black" width="25%" id="table"><tr><th>學(xué)號(hào)</th><th>姓名</th><th>操作</th></tr><tr><td>001</td><td>張三</td><td><a href="javascript:;" onclick="deletOne(this)">刪除</a></td></tr><tr><td></td><td></td><td><a href="javascript:;" onclick="deletOne(this)">刪除</a></td></tr></table><input type="button" value="添加一行" name="btn"/><input type="button" value="刪除所有行" name="btn"/><p>單擊表格可以修改</p><script>window.onload=function(){changeRowCss();}//變換行數(shù)底色function changeRowCss(){var tr=document.getElementsByTagName("tr");for(var i=1;i<tr.length;i++){tr[i].onmouseover=function(){this.style.backgroundColor="#ccc";}tr[i].onmouseout=function(){this.style.backgroundColor="#fff";}}}//添加一行var btn=document.getElementsByName("btn");btn[0].onclick=function(){var tbody=document.getElementById("table").lastChild;var tr=document.createElement("tr");tbody.appendChild(tr);var td=document.createElement("td");tr.appendChild(td);td=document.createElement("td");tr.appendChild(td);td=document.createElement("td");td.innerHTML="<a href='javascript:;' onclick='deletOne(this)'>刪除</a>";tr.appendChild(td);changeRowCss();}//刪除所有行btn[1].onclick=function(){var tbody=document.getElementById("table").lastChild;var tr_length=tbody.childNodes.length;for(var i=1;i<tr_length;i++){tbody.removeChild(tbody.childNodes[1]);}}//刪除單獨(dú)一行function deletOne(obj){var tbody=document.getElementById("table").lastChild;var tr=obj.parentNode.parentNode;tbody.removeChild(tr);}//修改表格內(nèi)容var table=document.getElementById("table");table.onclick=function(e){var ev=e||window.event;var tdobj=ev.srcElement||ev.target;if(tdobj.nodeName=="TH"){return;}if(tdobj.nodeName=="TABLE"){return;}if(tdobj.nodeName=="A"){return;}var tdText=tdobj.innerHTML;tdobj.innerHTML=" ";var inputs=document.createElement("input");inputs.setAttribute("type","text");inputs.setAttribute("size",8);tdobj.appendChild(inputs);inputs.focus();inputs.onblur=inputs.onkeydown=function(e){var ev=e||window.event;if(ev.type=="blur"||ev.type=="keydown"&&ev.keyCode==13){var val=this.value;tdobj.removeChild(inputs);if(val==""){tdobj.innerHTML=tdText;}else{tdobj.innerHTML=val;}}}}</script></body>?</html>問題就是：怎么才可以點(diǎn)擊td內(nèi)容為刪除的這個(gè)格子不被修改內(nèi)容呢？我試過方法一：tdobj.nodeName=="A"方法二：if(tdobj.innerHTML=="<a href='javascript:;' onclick='deletOne(this)'>刪除</a>"){return;}這些都沒有用方法三：tbobj.innerHTML！=“ ” 這個(gè)是有用的,但是這樣子一來就不可以修改表格里默認(rèn)的內(nèi)容了。不是我想要的。求問大神有什么方法可以只修改學(xué)號(hào)姓名兩列的td內(nèi)容，而不能修改操作這一列的td內(nèi)容呢？

查看完整描述