浏览器控制台打印DOM对象的详细信息

在控制台使用console.log打印dom时，控制台会直接将dom标签显示出来，不好直观的查看dom对象的属性方法。

解决方法：

1.用数组包起来打印

   const p = document.querySelector('p');
   console.log([p]);

2.将dom作为对象的属性打印

   const p = document.querySelector('p');
   console.log({p});

3.打印dom的隐式原型

   const p = document.querySelector('p');
   console.log(p.__proto__);