為什么不使用 (target) 時樣式規則不適用？

Question

我希望每個人都做得很好

何時使用此代碼，樣式規則有效

document.getElementById("heading").addEventListener("click", function (e) {
    e.target.style.color = 'purple';
    e.target.style.textAlign = 'center';
    e.target.innerText = 'Code With Harry';
});

但是當我從代碼中刪除.target時，樣式規則不起作用，它給了我錯誤我無法理解其背后的原因，如果有人能幫助我，我將不勝感激..

謝謝

Answer 1

您無法刪除目標，因為 e.target 是您需要為其設置樣式的元素。 為了更好地理解控制台它。

target 是觸發事件的元素（例如，用戶點擊）

查看更多Event.target

document.getElementById("heading").addEventListener("click", function (e) {
  console.log(e.target);
  e.target.style.color = "purple";
  e.target.style.textAlign = "center";
  e.target.innerText = "Code With Harry";
});