以交互方式显示对象和 XML - console.dir() console.dirxml()

console.dir(object) 显示指定 JavaScript 对象的属性的交互列表。输出显示为带有显示三角形的分层列表，可让你查看子对象的内容。

var myObject = {
    "foo":{
        "bar":"data"
    }
};

console.dir(myObject);

显示：

如果可能，console.dirxml(object) 打印对象的后代元素的 XML 表示，否则打印 JavaScript 表示。在 HTML 和 XML 元素上调用 console.dirxml() 相当于调用 console.log()。

例 1：

console.dirxml(document)

显示：

例 2：

console.log(document)

显示：

例 3：

var myObject = {
    "foo":{
        "bar":"data"
    }
};

console.dirxml(myObject);

显示：