我们知道在Chrome控制台，可以使用console.log()命令来输出网页元素，但是得到的一般是元素的HTML代码，本文分享一个控制台技巧，快速输出网页元素对象的全部属性。
工具/原料
Chrome
方法/步骤
3
回车后，得到p元素的HTML代码将其展开，效果如图所示。
4
然而，我们在调试网页的时候，需要经常查看网页元素的一些属性。这段代码只能查看HTML代码，就显得不够用了。所以，我们改用console.dirconsole.dir(document.getElementById('lg'))
5
可以得到网页中id为lg的元素全部属性
6
将其展开来，即可快速得到这个网页元素（对象）的全部属性列表清单。快速而强大！
注意事项
1
Chrome控制台中console.log()主要用于输出内容
2
Chrome控制台中console.dir()主要用于输出对象