📌  相关文章
📜  HTML DOM Node.getRootNode() 方法(1)

📅  最后修改于: 2023-12-03 15:01:10.142000             🧑  作者: Mango

HTML DOM Node.getRootNode() 方法

getRootNode() 方法返回当前节点所属文档的根节点，也称为文档根。

语法
node.getRootNode(options)
参数
  • options（可选）：一个对象，包含以下可选属性：
    • composed：一个布尔值，指定是否返回由此节点根据 Shadow DOM 树和兼容性光影树所穿越的任何 shadow DOM 节点（默认为 false）。
    • includeSelf：一个布尔值，指定是否包括当前节点本身在内（默认为 false）。
返回值
  • 返回当前节点所属文档的根节点。
示例
<!DOCTYPE html>
<html>
<head>
  <title>getRootNode() 示例</title>
</head>
<body>
  <div id="myDiv">Hello World!</div>

  <script>
    const div = document.getElementById("myDiv");
    const rootNode = div.getRootNode({ composed: true });
    console.log(rootNode); // 输出 #document
  </script>
</body>
</html>
浏览器兼容性

该方法在以下浏览器中得到了支持：

  • Chrome：54+
  • Edge：79+
  • Firefox：63+
  • Safari：10.1+
  • Opera：41+
  • iOS Safari：10.3+
  • Samsung Internet：6.0+
参考链接