為什么新增一行后，鼠標(biāo)滑過改變背景色不好使了？
為什么新增一行后，鼠標(biāo)滑過改變背景色不好使了？
Aimeesui
2016-08-01
1 回答
舉報
0/150
提交
取消
2016-08-01
因為你沒給添加的行設(shè)置鼠標(biāo)劃過的事件。下面這幾句就是給節(jié)點添加鼠標(biāo)劃過事件的函數(shù)（只有初始化時使用到，所以只有一開始三行有反應(yīng)）
? ? ? ? ? var trs = document.getElementsByTagName('tr');
? ? ? ? ? ? for(var i=1,l=trs.length;i<l;i++){
? ? ? ? ? ? trs[i].onmouseover=function(){
? ? ? ? ? ? ? ? this.style.backgroundColor="#ccc";
? ? ? ? ? ? }
? ? ? ? ? ? trs[i].onmouseout=function(){
? ? ? ? ? ? ? ? this.style.backgroundColor="#fff";
? ? ? ? ? ? }
修改方法1：
把以上函數(shù)寫成一個函數(shù)，這里命名為change(),然后這樣：
? ? ? window.onload = function(){
? ? ? ? ? change(); ? ??}
function change(){?
? ? ? ? ? var trs = document.getElementsByTagName('tr');
? ? ? ? ? ? for(var i=1,l=trs.length;i<l;i++){
? ? ? ? ? ? trs[i].onmouseover=function(){
? ? ? ? ? ? ? ? this.style.backgroundColor="#ccc";
? ? ? ? ? ? }
? ? ? ? ? ? trs[i].onmouseout=function(){
? ? ? ? ? ? ? ? this.style.backgroundColor="#fff";
? ? ? ? ? ? }
}
最后在addto函數(shù)最后調(diào)用change函數(shù)
方法2：
直接復(fù)制上面代碼到addto函數(shù)最后面