为什么控制台日志显示有关 HTML 元素的不同信息？

问：

const myImage = document.getElementById('myImage')! as HTMLImageElement;
console.log('first log: ', myImage)

myImage.addEventListener('load',() =>{
    console.log('second log:', myImage)
})

我不认为这与wqith有什么关系'！作为 HTMLImageElement' 或打字稿，正如我所经历的那样，这是香草 JS，尝试使用 dom 很烦人。我不知道我需要做些什么才能始终如一地让它以某种方式加载

**编辑：我想知道是否有一种一致的方法来以特定的方式处理 DOM 元素;作为对象（第一个日志）或第二个版本日志。有时，我试图访问 DOM 元素的属性，以便我可以在 Javascript 中对它做一些事情......所以我控制台.log它以查看我可以使用的内容，但是在那些稀缺的时期，它会像第二个日志一样记录，它不会显示我拥有哪些属性可供我使用。

至少对我来说，这个问题很简单，我如何让日志始终显示任何 DOM 元素的方法（就像在日志一中一样）。或者像第二个日志一样一致地显示......