為什么新增一行后，鼠標(biāo)滑過(guò)改變背景色不好使了？
為什么新增一行后，鼠標(biāo)滑過(guò)改變背景色不好使了？
Aimeesui
2016-08-01
1 回答
舉報(bào)
0/150
提交
取消
2016-08-01
因?yàn)槟銢](méi)給添加的行設(shè)置鼠標(biāo)劃過(guò)的事件。下面這幾句就是給節(jié)點(diǎn)添加鼠標(biāo)劃過(guò)事件的函數(shù)（只有初始化時(shí)使用到，所以只有一開(kāi)始三行有反應(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ù)寫成一個(gè)函數(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ù)最后面