当前位置: 首页>>代码示例>>用法及示例精选>>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。