JavaScript進階篇9-22 編程練習
鼠標移到不同行上時背景色改為色值為 #f2f2f2,移開鼠標時則恢復為原背景色 #fff 。
這里的代碼為什么要用this,而不能是trs[i].style.backgroundColor = "#f2f2f2";
?window.onload = function(){
? ? ? ? var trs = document.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";
? ? ? ? ? ? ? ? }
? ? ? ?}
? ? ? ? }
2017-09-25
因為JS里的對象是全局的,如果使用trs[i],這里的i的值一直是走完循環(huán)后的值,也就是:trs.length的值,所以trs[i]一直為undefined