JavaScript Object and XML interactively methods

console.dir(object) display an interactive list of the properties of the specified JS object.
The output is presented in a hierarchical listing with dis closure triangles that let you see the contents of child objects.

var myObject =
{    "foo":
             {        "bar":"Programming Logic and Code"    }
 };
console.dir(myObject);

var myObject = { 
                           "foo":{     
                                    "bar":"data" 
                                      }
                           };
console.dirxml(myObject);





console.log(document)
displays: