鼠標經過改變背景顏色問題
window.onload?=?function(){
???var?tableRows=document.getElementsByTagName("tr");
???for(var?i=0;i<tableRows.length;i++){
???????tableRows[i].onmouseover=function(){?
???????????tableRows[i].style.backgroundColor="yellow";
?????????}
?????????tableRows[i].onmouseout=function(){
?????????????tableRows[i].style.backgroundColor="#CCC";
??????????}
?????}
??}為什么這種設置顏色時，總對初始那兩行報Cannot read property 'style' of undefined錯誤，然后只在新增加一行的上面生效。然后我改成圖片那種就沒有問題了。我感覺這是差不多的啊。
我的添加代碼：
2018-11-21
?tableRows[i].style.backgroundColor="yellow";?tableRows[i].style.backgroundColor="#CCC";你把你的這兩行代碼改成 ：this.
style.backgroundColor="yellow";this.style.backgroundColor="#CCC";2018-11-22
for循環時用var定義存在變量提升問題，
tableRows[i].onmouseover=function(){tableRows[i].style.backgroundColor="yellow";}；當執行移入移除的時候i已經循環到tableRows.length；所以只能是最后一個有效果吧。將tableRows[i]改為this時有效果是因為，this指向的是調用這個方法的對象，tableRows[i].onmouseover=function(){this.style.backgroundColor="yellow";}；this指向的就是tableRows[i]。我覺得是這個樣子，僅供參考
2018-11-21
函數之間存在作用域，具體原理與理論我不太清楚去了.. 大概意思就是
tableRows[i]是局部的。。不是全局