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

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

Why style rules don't apply when (target) is not used?

javascript

event-listener

addeventlistener

target

dom-events