ShadowRoot: clonable プロパティ
Baseline
2024
最近利用可能
April 2024以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
clonable は ShadowRoot インターフェイスの読み取り専用プロパティで、シャドウルートが複製可能であれば true を返し、そうでなければ false を返します。
値が true の場合、Node.cloneNode() または Document.importNode() で複製されたシャドウホストにはシャドウルートのコピーが含まれます。
既定値は false です。
true に設定するには、Element.attachShadow() メソッドの clonable オプションを使用するか、またはシャドウルートを宣言的に関連付ける使用される <template> 要素の shadowrootclonable 属性を設定します。
値
シャドウルートが複製可能であれば true、そうでなければ false です。
例
js
const host = document.createElement("div");
const shadowRoot = host.attachShadow({
mode: "open",
clonable: true,
});
shadowRoot.clonable;
// true
仕様書
| 仕様書 |
|---|
| DOM # dom-shadowroot-clonable |