console.log()和console.dir()的区别

1.console.log();

在浏览器的控制台中输出内容，会显示文件以及行数，主要用来调试。

 <div>
   <p><span></span></p>
   <p><span></span></p>
   <p><span></span></p>
  </div>
  <script>
  let dv = document.querySelector('div');
  console.log( dv )
  </script>

2.console.dir();

用来对一个对象进行检查，会显示对象的所有属性和属性值，因此对于输入的DOM对象非常有用，并且以易于阅读和打印的格式显示。

<div>
   <p><span></span></p>
   <p><span></span></p>
   <p><span></span></p>
  </div>
  <script>
  let dv = document.querySelector('div');
  console.dir( dv )
  </script>