兩者有什么區(qū)別？求大神指教！
? ?為什么這樣可以，?
? window.onload = function(){
? ? ? ? ? var tr=document.getElementsByTagName("tr");
? ? ? ? ? for(var i= 0;i<tr.length;i++)
? ? ? ? ? {
? ? ? ? ? ? ? bgcChange(tr[i]);
? ? ? ? ? }
? ? ?// 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
? ? ? } ? ? ? ??
function bgcChange(obj)
? ? ?{
? ? ? ? obj.onmouseover=function(){
? ? ? ? ? ? obj.style.backgroundColor="#f2f2f2";
? ? ? ? }
? ? ? ? obj.onmouseout=function(){
? ? ? ? ? ? obj.style.backgroundColor="#fff";
? ? ? ? }
}
這樣卻不行？
? window.onload = function(){
? ? var tr=document.getElementsByTagName("tr");
? ? ? ? for(var i= 0;i<tr.length;i++)
? ? ? ? ? {
? ? ? ? ? ? ? tr[i].onmouseover=function(){
? ? ? ? ? ? tr[i].style.backgroundColor="#f2f2f2"; ? ? ? ?}
? ? ? ? tr[i].onmouseout=function(){
? ? ? ? ? ?tr[i].style.backgroundColor="#fff"; ? ? ? ?}
? ? ? ? ? }
? ? ?}
2016-02-10
將? tr[i].style.backgroundColor="#f2f2f2"; 改為?this.style.backgroundColor="#f2f2f2";
2016-02-06
window.onload = function(){
? ?var tr=document.getElementsByTagName("tr");
? ?for(var i= 0;i<tr.length;i++)
? ?{
? ? ? ?tr[i].onmouseover=function(){
? ? ? ? ? ?this.style.backgroundColor="#f2f2f2"; ? ? ? ?}
? ? ? ?tr[i].onmouseout=function(i){
? ? ? ? ? ?this.style.backgroundColor="#fff"; ? ? ? ?}
? ?}
}
這樣就行；
首先
tr[i].onmouseover=function(){
? ? ? ? ? ? tr[i].style.backgroundColor="#f2f2f2"; ? ? ? ?}
這里 function里面的tr[i]因?yàn)樽兞孔饔糜虻年P(guān)系是不存在的，把它換為當(dāng)前對(duì)象this就解決了。