冒泡的javascript事件：具有造型颜色

Question

我只是用不同的html样式检查事件冒泡，我遇到了div元素的颜色变化。

在for循环中，所有三个div元素中的颜色都变为黄色，而不管点击的div元素是什么，而边框颜色正在改变为事件冒泡场景但是它不能处理颜色的东西。你解释一下为什么会这样？

这是我的代码：

var divelements = document.getElementsByTagName('div');
for(var i= 0 ; i< divelements.length; i++)
{
    divelements[i].onclick = function ()
    {
        this.style.borderColor = 'red';
        this.style.color = 'yellow';
        alert(this.getAttribute("id") + 'is changed to color red');
    }
}

Answer 1

您可能希望使用this.style.backgroundColor代替this.style.color。