大神們,為什么要用.lastChild,還有新增行的函數(shù)里要再次調(diào)用Highlight();
? <script type="text/javascript">??
window.onload = function(){
Highlight();
}??
function addOne(obj){?
? ? var tbody = document.getElementById('table').lastChild;??
var tr = document.createElement('tr');??
?
var td = document.createElement("td");
td.innerHTML = "<input type='text'/>";
tr.appendChild(td);
?
td = document.createElement("td"); ?
td.innerHTML = "<input type='text'/>";
tr.appendChild(td);
?
td = document.createElement("td");
td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>";
tr.appendChild(td);? ?
?
tbody.appendChild(tr);? ?
Highlight();
? ? }
function deleteRow(obj){
? ? var tbody = document.getElementById('table').lastChild;??
var tr = obj.parentNode.parentNode;
tbody.removeChild(tr);
}
function Highlight(){
var tbody = document.getElementById('table').lastChild;
trs = tbody.getElementsByTagName('tr');? ?
for(var i =1;i<trs.length;i++){
trs[i].onmouseover = function(){
this.style.backgroundColor ="#f2f2f2";
}?
trs[i].onmouseout = function(){
this.style.backgroundColor ="#fff";
}?
}??
}
? </script>?
2018-11-16
不好意思,問一下,所以是有參考答案的嗎....??!!
2018-10-27
因為之前的控制變色事件是在onload里,所以后面新加的行是沒有添加到控制變色事件的。之所以要用lastChild是因為新加的行是最后一個節(jié)點,你這里的Hightlight是添加控制變色事件的函數(shù)。