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のような）イベントをサポートする任意の他のオブジェクト」。メソッドのaddEventListenerと呼ばれるので

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

document.getElementById('displayTodosButton').addElementListenerを参照してくださいは、動作しないでしょう。それ以外の場合は、要素への参照を変数に保存するか、.getElementById()から返されたときに直接使用することができます。結果は変わらないでしょう。