查找元素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目前不支持