为什么不使用 (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";
});