HTML DOM console.dirxml()用法及代碼示例

控製台dirxml()方法用於顯示指定XML /HTML元素的後代元素的交互式樹。輸出表示為可擴展節點的分層對象，該對象還使您可以查看子節點的內容。

用法:

console.dirxml(object_or_element);

參數：

object:此方法采用JavaScript對象或元素。

返回值：此方法返回對象元素的交互式樹。

例：

<!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>

輸出：

單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：

穀歌瀏覽器
Edge
Firefox
Safari
Opera
IE瀏覽器

相關用法

注：本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM console.dirxml() method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。