HTML DOM Node.getRootNode()用法及代碼示例

getRootNode()方法返回節點對象的根節點，如果有的話，它還可以選擇包括影子根。

用法:

var rootNode = node.getRootNode(Composed:boolean);

參數：Composed：布爾值(可選)

組成：一個布爾值，指示是否應返回卷影根(false)或超出卷影根的根節點(true)。

返回值：根節點對象。

例：本示例說明如何使用此方法獲取對象的根節點。

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
<title>HTML DOM Node getRootNode() method</title>     
</head> 
<body> 
    <h1>GeeksforGeeks</h1> 
    <p>Click to Check</p> 
    <button onclick="Check()">Click Here</button> 
    <div class="child"></div> 
</body> 
<script> 
    function Check(){ 
         var child = document.querySelector('.child'); 
         console.log(child.getRootNode()); 
        } 
</script> 
</html>

輸出：

按鈕單擊之前：

單擊按鈕後：

支持的瀏覽器：

穀歌瀏覽器
Edge
Firefox
Safari
Opera

相關用法

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