JavaScript function scope - 为什么允许我将事件处理程序附加到未命名的元素？

Question

我操作 DOM（在 JavaScript 中）的常用方法是创建或 select 一个元素，然后将事件处理程序附加到该元素。

这对我来说很有意义：该元素具有一种标识形式，并且该标识用于确定哪个脚本/事件处理程序/函数附加到它。

然而，这还不是全部，因为我编写了以下代码，看到它有效时我有点惊讶：

 makeElement("test1") makeElement("test2") makeElement("test3") function makeElement (aName){ let el = document.createElement("div"); el.textContent = aName; el.onclick = function () { el.textContent = "ummmm" } document.body.appendChild(el) }

function 创建一个元素，并将 .onclick 事件附加到创建的元素。 但是，我忘了给元素一个名称或 ID，那么 map 事件使用什么标识符到正确的 div？

总之，为什么我的代码有效？

Answer 1

将事件 map 用于正确的 div 的标识符是什么？

没有任何。 事件处理程序附加到 div 元素本身，一个object的标识存在于 DOM 树中。 不存在“映射”，也不使用选择器。

这不需要元素上的name或id属性（这甚至不一定是唯一的，尽管它应该是唯一的），可以通过多种方式选择元素 - 您需要附加事件处理程序的只是对元素的引用. 请注意，您甚至可以在之后更改元素的name或id ，事件侦听器仍将绑定到同一元素。