js如何在控制台打印dom对象，查看dom对象属性

一般通过console.log(dom)打印在控制台的是一个标签形式，看不到有哪些属性和方法：

<div>
   <p id="test" class="test" style="font-size: 16px;">content</p>
</div>

<script>
   const dom = document.getElementById('test')
   console.log('获取到的dom:',dom)
</script>

打印结果（图1）：

解决方法1：

console.dir(dom)

解决方法2：将dom放进数组内，会自动显示对象属性和方法

console.log([dom])

两种方式都可打印出对象的形式（图2）：