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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。