Shadow DOM

Element.attachShadow() メソッドは、シャドウ DOM ツリーを特定の要素に追加し、そのシャドウルート (ShadowRoot) への参照を返します。

シャドウルートが複製可能かどうかを指定するブール値です。true に設定すると、Node.cloneNode() または Document.importNode() を使用してシャドウホストを複製した際、コピーにシャドウルートが含まれます。デフォルト値は false です。

論理値で、 true に設定された場合、フォーカス可能性に関するカスタム要素の問題を緩和します。シャドウ DOM のフォーカスができない部分がクリックされた場合、最初のフォーカス可能な部分がフォーカスを得て、シャドウホストは :focus のスタイルを利用することができます。既定値は false です。

true に設定すると、シャドウルートがシリアライズ可能であることを示すブール値です。この値が設定されている場合、options.serializableShadowRoots パラメータを true に設定して Element.getHTML() または ShadowRoot.getHTML() メソッドを呼び出すことで、シャドウルートをシリアライズできます。デフォルト値は false です。

Element.shadowRoot は読み取り専用のプロパティで、その要素がホストになっているシャドウルートを表します。

composed は Event インターフェイスの読み取り専用プロパティで、イベントがシャドウ DOM 境界を越えて標準 DOM に伝播するかどうかを示す論理値を返すものです。

composedPath() は Event インターフェイスのメソッドで、イベントの経路をリスナーが呼び出されるオブジェクトの配列で返します。シャドウルートが ShadowRoot.mode が closed の状態で作成された場合、シャドウツリーのノードは含まれません。

getRootNode() は Node インターフェイスのメソッドで、そのコンテキストのオブジェクトのルート、利用できる場合はオプションでシャドウルートを含んだものを返します。

isConnected は Node インターフェイスの読み出し専用のプロパティで、ノードが Document オブジェクトに（直接的または間接的に）接続されているかどうかを示す論理値を返します。

clonable は ShadowRoot インターフェイスの読み取り専用プロパティで、シャドウルートが複製可能であれば true を返し、そうでなければ false を返します。

delegatesFocus は ShadowRoot インターフェイスの読み取り専用プロパティで、シャドウルートがフォーカスを委任する場合は true、そうでなければ false を返します。

host は ShadowRoot の読み取り専用プロパティで、 ShadowRoot が装着されている DOM 要素の参照を返します。

mode は ShadowRoot の読み取り専用プロパティで、モードを open と closed のどちらかで示します。 これはシャドウルートの内部機能を JavaScript からアクセスできるかどうかを定義します。

serializable は ShadowRoot インターフェイスの読み取り専用プロパティで、このシャドウルートがシリアライズ可能であれば、true を返します。