我不确定 addEventListener 来自哪里，但我假设它是文档对象的一部分。如果是这样，代码 document.getElementById('displayTodosButton').addEventListener
与 var displayTodosButton = document.getElementById('displayTodosButton'); 的工作方式相同？
var displayTodosButton = document.getElementById('displayTodosButton');
displayTodosButton.addEventListener('click',function(){
todoList.displayTodos();
});
最佳答案
它可以是任何支持事件的对象:“事件目标可以是文档中的元素、文档本身、窗口或任何其他支持事件的对象(例如 XMLHttpRequest)。”
参见https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
document.getElementById('displayTodosButton').addElementListener 不起作用，因为该方法被称为 addEventListener。除此之外，您可以自由地将元素的引用保存在变量中，或者在从 .getElementById() 返回时直接使用它。结果不会有什么不同。
关于javascript - addEventListener 方法是文档对象的一部分吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46172465/