以互動方式顯示物件和 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);

顯示：