blob: 9961f3948a03d6344df1e58bddceb10c8e0c671c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
---
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>
|
