关于参考答案中的var _table=document.getElementById("table").lastChild;
window.onload = function(){
_change();
}
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
function _change(){
var _table=document.getElementById("table").lastChild;
var _trs=document.getElementsByTagName("tr");
for (var i = 0; i < _trs.length; i++) {
_trs[i].onmouseover=function(){
this.style.backgroundColor="#f2f2f2";
}
_trs[i].onmouseout=function(){
this.style.backgroundColor="#fff";
}
}
}
// 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
function _add(obj){
var _table=document.getElementById("table").lastChild;
var _tr=document.createElement("tr");
var _td=document.createElement("td");
_td.innerHTML="<input type='text'/>";
_tr.appendChild(_td);
var _td=document.createElement("td");
_td.innerHTML="<input type='text'/>";
_tr.appendChild(_td);
var _td=document.createElement("td");
_td.innerHTML="<a href='javascript:;' onClick='_remove(this)' >删除</a>";
_tr.appendChild(_td);
_table.appendChild(_tr);
_change();
}
// 创建删除函数
function _remove(obj){
var _table=document.getElementById("table").lastChild;
var _tr=obj.parentNode.parentNode;
_table.removeChild(_tr);
}这里为什么每个函数内定义的第一个变量都要取.lastChild不是很懂
还有window.onload = function()这句话我也不是很能理解,函数不是可以直接调用吗,为什么要加这句话?求助大神解答啊啊啊