为什么不使用 (target) 时样式规则不适用？答案

【问题标题】：Why style rules don't apply when (target) is not used?为什么不使用 (target) 时样式规则不适用？
【发布时间】：2022-01-22 16:14:17
【问题描述】：

我希望每个人都做得很好。

当使用此代码时，样式规则起作用：

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

但是，当我从代码中删除 .target 时，样式规则不起作用并且它给了我错误。我无法理解背后的原因。如果有人能帮助我，我将不胜感激..

【问题讨论】：

标签： javascript dom-events addeventlistener event-listener target

【解决方案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";
});

【讨论】：