addEventListener方法是文档对象的一部分吗？

Question

我不确定addEventListener的来源，但我认为它是文档对象的一部分。如果是这样，代码document.getElementById('displayTodosButton').addEventListener会不会 与var displayTodosButton = document.getElementById('displayTodosButton');相同的工作？

 var displayTodosButton = document.getElementById('displayTodosButton');

    displayTodosButton.addEventListener('click',function(){
      todoList.displayTodos();
    });

Answer 1

它可以是支持事件的任何对象：“事件目标可以是文档中的元素，文档本身，窗口或支持事件的任何其他对象（例如XMLHttpRequest）。”

请参阅https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

document.getElementById('displayTodosButton').addElementListener无效，因为该方法名为addEventListener。除此之外，您可以自由地保存对变量中元素的引用，或者在从.getElementById()返回时直接使用它。结果不会有所不同。