JS console.log、console.dir、console.dirxml 区别

725 阅读1分钟
  • console.log:用于在控制台输出信息。

  • console.dir:可以显示一个对象所有的属性和方法。

  • console.dirxml:用来显示网页的某个节点(node)所包含的 html/xml 代码。

    <body>
      <!-- 测试 div -->
      <div id="my-div">dzm</div>
      <script>
        // 获取 div
        const div = document.getElementById('my-div');
        // 正常输出
        console.log('console.log:', div);
        // 输出对象结构
        console.dir(div);
        // 输出对象 html/xml 代码
        console.dirxml('console.dirxml:', div);
      </script>
    </body>
    

image.png

image.png