为了账号安全,请及时绑定邮箱和手机立即绑定

an桉删除出现Uncaught ReferenceError: deleteRow is not defined

<!DOCTYPE html>

<html>

<head>

<title> test</title>

<meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>

<script type="text/javascript">


window.onload=function(){

  Light();

}


function deleteRow(obj){

  var tbody=document.getElementById("table").lastChild;

  var tr=obj.parentNode.parentNode;

  tbody.removeChild(tr);

}


function add(obj){

  var tbody=document.getElementById("table").lastChild;

  var tr=document.createElement("tr");


  var td=document.createElement("td");

  td.innerHTML="<input style='text'>";

  tr.appendChild(td);


  var td=document.createElement("td");

  td.innerHTML="<input style='text'>";

  tr.appendChild(td);


  var td=document.createElement("td");

  td.innerHTML="<a href="javascript:;" onclick="deleteRow(this)"></a>"

  tr.appendChild(td);


  tbody.appendChild(tr);


  Light();


}


function Light(){

  var tbody=document.getElementById("table").lastChild;

  var trs=document.getElementsByName("tr");

  for(var i=1;i<trs.length;i++){

    trs[i].onmouseover=function(){

      this.style.backgroundColor="red";

    }

    trs[i].onmoseout=function(){

      this.style.backgroundColor="#fff";

    }

  }

}


</script>



</head>

<body>

<table id="table" border="2" width=50%>

<tr>

<td>Namber</td>

<td>Name</td>

<td>Choice</td>

</tr>


<tr>

<td>16</td>

<td>ALex</td>

<td><a href="javascript:;" onclick="deleteRow(this)">Delete</a></td>

</tr>


<tr>

<td>19</td>

<td>Mike</td>

<td><a href="javascript:;"onclick="deleteRow(this)">Delete</a></td>

</tr>

</table>


<input type="button" value=":add" onclick="add(this)">


</body>


</html>


正在回答

代码语言

2 回答

td.innerHTML='<a href="javascript:;" onclick="deleteRow(this)"></a>'   //这行有问题
td.innerHTML="<a href=\"javascript:;\" onclick=\"deleteRow(this)\"></a>"  //或者这么写


0 回复 有任何疑惑可以回复我~
#1

Dog_leash 提问者

十分感谢\(^o^)/
2015-12-11 回复 有任何疑惑可以回复我~
  td.innerHTML="<a href="javascript:;" onclick="deleteRow(this)"></a>"

改为

td.innerHTML="<a href='javascript:;'onclick='deleteRow(this)'></a>"

注意引号。前面那句内部也是双引号,导致字符串被截断了。

0 回复 有任何疑惑可以回复我~
#1

Dog_leash 提问者

也谢谢你~~~
2015-12-11 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

an桉删除出现Uncaught ReferenceError: deleteRow is not defined

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信