javascript事件冒泡：带有样式颜色

我刚刚检查了使用不同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');
    }
}

var divelements=document.getElementsByTagName（'div'）；
对于（var i=0；i

您可能希望使用

this.style.backgroundColor

而不是

this.style.color