HTML DOM console.dirxml() method

Last Updated : 16 Jul, 2020

The console dirxml() method is used to display an interactive tree of the descendant elements of the specified XML/HTML element. The output is represented as a hierarchical object of expandable nodes that also lets you see the contents of the child node.

Syntax:

console.dirxml(object_or_element);

Parameters:

object: This method take a JavaScript object or element.

Return Value: This method returns the interactive tree of the elements of the object.

Example:

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <title>DOM console dirxml() method example</title> 
</head> 
<body> 
  <div class="h"> 
  <h1>GeeksforGeeks</h1> 
  <p>Click Below</p> 
  <button onclick="get()">Click</button> 
  </div> 
</body> 
<script> 
    function get(){ 
        console.dirxml(document.querySelector(".h")); 
        } 
</script> 
</html>