如果它的 HTML 代码，如何将 HTMLElement 的属性打印到控制台？答案

【问题标题】：How to print an HTMLElement's properties to console instead if its HTML code?如果它的 HTML 代码，如何将 HTMLElement 的属性打印到控制台？
【发布时间】：2015-09-05 20:47:25
【问题描述】：

假设如下代码：

var a = new Image(1, 1);
a.onload = function() {
    console.log(this);
};
a.src = 'some.address.com/some/image.jpg';

当这个图片被加载后，它会自己打印到控制台，但输出的是一个 HTML 元素，像这样：

<img width="10" height="10" src="http://some.address.com/some/image.jpg">

当我期望它将它作为任何其他 JavaScript 对象打印时，例如：

有没有办法强制这样打印？

【问题讨论】：

通过stackoverflow.com/questions/11954152/…尝试console.dir
@MikeStrand 完美运行！如果你愿意，你可以写一个答案:)

标签： javascript

【解决方案1】：

尝试使用console.dir() 而不是console.log()。跨浏览器的行为存在一些差异。更多详情请访问： What's the difference between console.dir and console.log?

【讨论】：

【解决方案2】：

通过将其放入一个对象来强制它输出一个对象：

var a = new Image(1, 1);
a.onload = function() {
    console.log({obj: this});
};
a.src = 'some.address.com/some/image.jpg';

【讨论】：