The console.dir() method is used to get the list of object properties of a specified object. These object properties also have child objects, from which you can inspect for further information.
Syntax:
console.dir( object )
Parameters: This method accepts single parameter which holds the object element.
Example 1:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>console.dir() Method</h2>
<h3>
Open console using F12 or Ctrl+Shift+I
<h3>
<script>
var geek = {
course : "DSA",
price : "5000"
};
console.dir(geek);
</script>
</body>
</html>
|
Output:
Example 2:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>console.dir() Method</h2>
<h3>
Open console using F12 or Ctrl+Shift+I
<h3>
<script>
console.dir(document.body);
console.log(document.body);
</script>
</body>
</html>
|
Output:
