>  기사  >  웹 프론트엔드  >  上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~谢谢_html/css_WEB-ITnose

上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~谢谢_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:08:111278검색

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> Table 对象得方法 </TITLE><script language="JavaScript">var intRowIndex = 0;function insertRow(tbIndex){ var objRow = myTable.insertRow(tbIndex); var objCel = objRow.insertCell(0); objCel.innerHTML = document.myForm.myCell1.value; var objCel = objRow.insertCell(1); objCel.innerHTML = document.myForm.myCell2.value; var objCel = objRow.insertCell(2); objCel.innerHTML = "<a href='javaScript:deleteRow(intRowIndex)'>删除</a>"; objRow.attachEvent("onmouseover",getIndex); objRow.style.background = "pink";}function deleteRow(tbIndex){ myTable.deleteRow(tbIndex);}function getIndex(){ intRowIndex = event.srcElement.parentElement.rowIndex; pos.innerText = intRowIndex;}</script><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""></HEAD><BODY onload="pos.innerText=intRowIndex;"><h2>Table对象得方法</h2><hr>当前位置:<span id="pos"></span><table id="myTable" border=1><tr onclick="getIndex()"><td>HTML</td><td>Css</td></tr><tr onclick="getIndex()"> <td>JavaScript</td> <td>VBScript</td></tr></table><form name="myForm">第一栏:<input type="text" name="myCell1" value="CGI"><br>第二栏:<input type="text" name="myCell2" value="ASP"><br><input type="button" onclick="insertRow(intRowIndex)" value="插入行"><a href='javaScript:deleteRow(intRowIndex)'>删除</a><input type="button" onclick="insertRow(myTable.rows.length)" value="添加行" ></form></tr></BODY></HTML>



上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~~~谢谢


回复讨论(解决方案)

你的intRowIndex有问题啊

改成

function insertRow(tbIndex){ var objRow = myTable.insertRow(tbIndex); var objCel = objRow.insertCell(0); objCel.innerHTML = document.myForm.myCell1.value; var objCel = objRow.insertCell(1); objCel.innerHTML = document.myForm.myCell2.value; var objCel = objRow.insertCell(2); objCel.innerHTML = "<a href='#' onclick='deleteRow(this);return false;'>删除</a>"; objRow.attachEvent("onmouseover",getIndex); objRow.style.background = "pink";}function deleteRow(aTag){ if(arguments.length>0) { o = aTag.parentNode while(o.tagName!="TR") o=o.parentNode o.parentNode.removeChild(o); } else {  myTable.deleteRow(intRowIndex); }}



你下面那个删除的代码改成

删除

嘿嘿~~~谢谢~~~感激死了~~~

可是不怎么明白function deleteRow(aTag)这样改的意思是什么啊?

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.