已经定义了,运行时为什么会报错:函数未定义
Uncaught ReferenceError: add is not defined
Uncaught ReferenceError: deleteRow is not defined
代码:
function add(obj){
var dom=document.getElementById("table").lastChild;
var newnode=document.createElement("tr");
var child1=document.createElement("td");
var child2=document.createElement("td");
var child3=document.createElement("td");
child1.innerHTML="<input type='text'/>";
child2.innerHTML="<input type='text'/>";
child3.innerHTML="<a href='javascript:;' onclick='delete(this)'>";
newnode.appendChild(child1);
newnode.appendChild(child2);
newnode.appendChild(child3);
dom.appendChild(newnode);
var tr = document.getElementsByTagName("tr");
for(var i= 0;i<tr.length;i++)
{
changecolor(tr[i]);
}
}
// 创建删除函数
function deleteRow(obj){
var tbody = document.getElementById('table').lastChild;
var tr = obj.parentNode.parentNode;
tbody.removeChild(tr);
}
代码引用:
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="deleteRow(this)" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="deleteRow(this)" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<input type="button" value="添加一行" onclick="add()" /> <!--在添加按钮上添加点击事件 -->