Google Chrome Dev Tools 控制台不一致

问：

当我控制台.log DOM元素时，格式输出不一致。

例如 （app.js）：

const boxes = document.querySelectorAll(".box")[0];


console.log(boxes);
console.log(document.getElementsByTagName("h2")[0]);

Google Chrome Dev Tools Console 输出：Chrome 控制台的图像

但有时它会输出：

Chrome 控制台的图像

我以为每次它都会输出 DOM 元素而不是对象。（HTML 格式）