---
title: Range.commonAncestorContainer
slug: Web/API/Range/commonAncestorContainer
translation_of: Web/API/Range/commonAncestorContainer
---
<div>{{ApiRef("DOM")}}</div>

<p><code><strong>Range.commonAncestorContainer</strong></code><strong> </strong>只读属性，返回目标节点的共有祖先节点。因而需要注意：selectNode方法中的该值为目标节点的父节点，selectNodeContents方法中的该值为其本身。</p>

<p>在某些跨节点的选取操作时，取得最大"公约数"的节点为<code>commonAncestorContainer。</code>即{{domxref("Range.startContainer")}} 和 {{domxref("Range.endContainer")}} 相同的节点是目标节点的 共有祖先节点。</p>

<p>更改 {{domxref("Node")}}, 请使用setStart setEnd 及这两种方法的延伸方法 {{domxref("Range")}}.</p>

<h2 id="Syntax" name="Syntax">语法</h2>

<pre class="syntaxbox">rangeAncestor = <em>range</em>.commonAncestorContainer;</pre>

<h2 id="Example" name="Example">示例</h2>

<pre class="brush:js">var range = document.createRange();

range.setStart(startNode,startOffset);
range.setEnd(endNode,endOffset);
rangeAncestor = range.commonAncestorContainer;</pre>

<h2 id="Specification" name="Specification">特别说明</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#dom-range-commonancestorcontainer', 'Range.commonAncestorContainer')}}</td>
   <td>{{Spec2('DOM WHATWG')}}</td>
   <td>No change.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-attr-commonParent', 'Range.commonAncestorContainer')}}</td>
   <td>{{Spec2('DOM2 Traversal_Range')}}</td>
   <td>Initial specification.</td>
  </tr>
 </tbody>
</table>

<h2 id="支持度">支持度</h2>



<p>{{Compat("api.Range.commonAncestorContainer")}}</p>

<h2 id="更多">更多</h2>

<ul>
 <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">DOM接口相关内容</a></li>
</ul>