Javascript onclick孩子

Question

我正在尝试对子元素进行简单的onclick(没有jQuery):

document.getElementById('link').children.onclick = function(){
    this.style.color="#ff0000";
}

我希望它为每个单击的元素将颜色更改为红色.我认为这种方法可行,但不会.

Answer 1

这应该工作:

var childs = document.getElementById('link').children; //returns a HTMLCollection

for (var i = 0; i < childs.length; i++) { // iterate over it
    childs[i].onclick = function () {   // attach event listener individually
        this.style.color = "#ff0000";
    }
}

演示

document.getElementById('someID').children返回一个HTMLCollection,所以你要添加一个onclickHTMLCollection,结果证明是错误的.