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。