查找元素DOM（阴影或光）的根节点的最佳方法是什么

Question

我想找到给定元素的DOM范围。 换句话说，文档或包含它的文档片段。

有什么比下面的代码更好/更快的吗？

function getRootNode( element ){
  if( document.contains(element) ){
    return document;
  }

  var root = element;
  while( root.parentNode ){
    root = root.parentNode;
  }
  return root;
}

http://jsbin.com/rudik/4/edit

Answer 1

您可以只使用ownerDocument ：

element.ownerDocument;

Answer 2

Node.getRootNode（）是在影子dom中执行此操作的最佳方法，它将返回影子根，否则将返回文档。 参见： https : //developer.mozilla.org/en-US/docs/Web/API/Node/getRootNode

快速说明：IE / Edge目前不支持