ShadowRoot: clonable プロパティ
Baseline 2024Newly available
Since April 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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
仕様書
| Specification |
|---|
| DOM # dom-shadowroot-clonable |