以互動方式顯示物件和 XML - console.dir() console.dirxml()

console.dir(object) 顯示指定 JavaScript 物件的屬性的互動列表。輸出顯示為帶有顯示三角形的分層列表,可讓你檢視子物件的內容。

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

console.dir(myObject);

顯示:

StackOverflow 文件

如果可能,console.dirxml(object) 列印物件的後代元素的 XML 表示,否則列印 JavaScript 表示。在 HTML 和 XML 元素上呼叫 console.dirxml() 相當於呼叫 console.log()

例 1:

console.dirxml(document)

顯示:

StackOverflow 文件

例 2:

console.log(document)

顯示:

StackOverflow 文件

例 3:

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

console.dirxml(myObject);

顯示:

StackOverflow 文件