DHTML: Range.commonAncestorContainer プロパティ  編集:2021.12.03 by T.A.

読み取り専用。Rangeの中の 境界点で最も深いもしくはドキュメント・ツリーから最も遠い両方を含む Node を返します。→MS

つまり、Range.startContainerRange.endContainer 両方が同じノードを参照する場合は、このノードは共通の祖先コンテナです。

Range は連続している必要はなく、ノードを部分的に選択する場合もあり、これは Range を囲っている Node を見つけるときに便利な方法です。

Node の共通祖先コンテナを変更するため、Range の開始位置と終了位置をセットするため Range.setStart()Range.setEnd() のような利用可能な様々なメソッドを利用することを検討します。

構文
rangeAncestor = range.commonAncestorContainer
range
Range
rangeAncestor
Node

テスト
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: