javascriptイベントバブリング：スタイリングカラー

Question

私はちょうど異なるhtmlスタイルでイベントバブリングをチェックしていましたが、div要素の色の変化に遭遇しました。

forループでは、3つのdiv要素すべての色が、イベントのバブリングのシナリオとして境界線の色が変更されている間にクリックされたdiv要素に関係なく黄色に変わりますが、色の点では機能しません。 ？あなたが代わりにthis.style.colorのthis.style.backgroundColorを使用したい場合があり

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

：なぜそれが起こっている

はここに私のコードです。