DocumentOrShadowRootShadow DOM API のミックスインで、文書とシャドウルートで共有される API を提供します。以下の機能は DocumentShadowRoot の両方に含まれています。

プロパティ

DocumentOrShadowRoot.activeElement読取専用
シャドウツリー内でフォーカスを持っている Element を返します。
DocumentOrShadowRoot.fullscreenElement読取専用
この文書で現在全画面モードになっている Element を返します。
DocumentOrShadowRoot.pointerLockElement  読取専用
ポインターがロックされている間、マウスイベントのターゲットとして設定された要素を返します。ロック待ちの場合、ポインターがロックされていない場合、ターゲットが別な文書である場合は null を返します。
DocumentOrShadowRoot.styleSheets読取専用
文書に明示的にリンクされているか、埋め込まれているスタイルシートの CSSStyleSheet オブジェクトの StyleSheetList を返します。

メソッド

DocumentOrShadowRoot.caretPositionFromPoint()
キャレットを含んでいる DOM ノードと、そのノード内におけるキャレットの文字のオフセットを含む CaretPosition オブジェクトを返します。
DocumentOrShadowRoot.elementFromPoint()
指定された座標にある最上位の要素を返します。
DocumentOrShadowRoot.elementsFromPoint()
指定された座標にあるすべての要素の配列を返します。
DocumentOrShadowRoot.getSelection()
ユーザーによって選択されているテキストの範囲、またはキャレットの現在の位置を表す Selection オブジェクトを返します。
DocumentOrShadowRoot.nodeFromPoint()
指定された座標にある最上位のノードを返します。
DocumentOrShadowRoot.nodesFromPoint()
指定された座標にあるすべてのノードの配列を返します。

仕様書

仕様書 状態 備考
Shadow DOM
DocumentOrShadowRoot の定義
廃止された Shadow DOM で実装。
DOM
DocumentOrShadowRoot の定義
現行の標準 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
DocumentOrShadowRoot
実験的
Chrome 完全対応 53Edge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
activeElement
実験的
Chrome 完全対応 53Edge 完全対応 ありFirefox 完全対応 63IE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
adoptedStyleSheets
実験的
Chrome 完全対応 73Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 60Safari 未対応 なしWebView Android 完全対応 73Chrome Android 完全対応 73Edge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 60Safari iOS 未対応 なしSamsung Internet Android 未対応 なし
caretPositionFromPoint
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 20IE 未対応 なしOpera 未対応 なしSafari 完全対応 ありWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 20Opera Android 未対応 なしSafari iOS 完全対応 ありSamsung Internet Android 未対応 なし
elementFromPoint
実験的
Chrome 完全対応 53
補足
完全対応 53
補足
補足 Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Edge 完全対応 ありFirefox 完全対応 63IE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53
補足
完全対応 53
補足
補足 Before WebView 66, this method returned null when the element was a child of a host node. See issue 759947.
Chrome Android 完全対応 53
補足
完全対応 53
補足
補足 Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Edge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
elementsFromPoint
実験的
Chrome 完全対応 53
補足
完全対応 53
補足
補足 Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Edge 完全対応 ありFirefox 完全対応 63IE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53
補足
完全対応 53
補足
補足 Before WebView 66, this method returned null when the element was a child of a host node. See issue 759947.
Chrome Android 完全対応 53
補足
完全対応 53
補足
補足 Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Edge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
fullscreenElementChrome 完全対応 53
接頭辞付き
完全対応 53
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 9 — 65
代替名
代替名 非標準の名前 mozFullScreenElement を使用しています。
IE 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き ms のベンダー接頭辞が必要
Opera 完全対応 40
接頭辞付き
完全対応 40
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Safari 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
WebView Android 完全対応 53
接頭辞付き
完全対応 53
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Chrome Android 完全対応 53
接頭辞付き
完全対応 53
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge Mobile 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox Android 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 9 — 65
代替名
代替名 非標準の名前 mozFullScreenElement を使用しています。
Opera Android 完全対応 40
接頭辞付き
完全対応 40
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Safari iOS 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Samsung Internet Android 完全対応 6.0
接頭辞付き
完全対応 6.0
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
getSelection
実験的
Chrome 完全対応 53Edge 完全対応 ありFirefox 完全対応 63IE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
pointerLockElement
実験的
Chrome 完全対応 53Edge 完全対応 ありFirefox 完全対応 63IE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0
styleSheets
実験的
Chrome 完全対応 53Edge 完全対応 ありFirefox 完全対応 63IE 完全対応 ありOpera 完全対応 40Safari 完全対応 ありWebView Android 完全対応 53Chrome Android 完全対応 53Edge Mobile 完全対応 ありFirefox Android 完全対応 63Opera Android 完全対応 40Safari iOS 完全対応 ありSamsung Internet Android 完全対応 6.0

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
非標準の名前を使用しています。
非標準の名前を使用しています。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

[1] このインターフェイスの機能は Document オブジェクトにも実装されています。

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,