JavaScript中的错误代码？

Question

window.onload = function() { 
    var links = document.getElementById('subMenu').getElementsByTagName('a'); 
    for(var i = 0; i < links.length; i++) { 
      links[i].onclick = function() { 
       links[i].setAttribute('class', 'selected'); 
      } 
    } 
} 

萤火显示：

TypeError: link[i] is undefined 
link[i].setAttribute('class', 'selected'); 

Answer 1

更改此：

links[i].setAttribute('class', 'selected'); 

这样：

this.setAttribute('class', 'selected'); 

或更好，这个：

this.className = "selected"; 

JavaScript中没有块范围，所以你的i被迭代后的最后一个值卡住。

但是由于您需要的仅仅是对处理程序的元素引用，它已经可以通过处理程序中的this进行访问。

---

如果你真的确实需要i，则需要范围i在每个迭代一个新的变量范围。

var links = document.getElementById('subMenu').getElementsByTagName('a'); 

for(var i = 0; i < links.length; i++) { 
    links[i].onclick = makeHandler(i); 
} 

function makeHandler(i) { 
    return function() { 
     links[i].setAttribute('class', 'selected'); 
    } 
} 

---

或者只是将其添加为属性的DOM元素。