-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
41 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
--- | ||
title: "ShadowRoot: clonable プロパティ" | ||
short-title: clonable | ||
slug: Web/API/ShadowRoot/clonable | ||
l10n: | ||
sourceCommit: 26091e4af9c73bb6c5d1466df5070c949498fdbd | ||
--- | ||
|
||
{{APIRef("Shadow DOM")}} | ||
|
||
**`clonable`** は {{domxref("ShadowRoot")}} インターフェイスの読み取り専用プロパティで、シャドウルートが複製可能であれば `true` を返し、そうでなければ `false` を返します。 | ||
|
||
値が `true` の場合、{{domxref("Node.cloneNode()")}} または {{domxref("Document.importNode()")}} で複製されたシャドウホストにはシャドウルートのコピーが含まれます。 | ||
|
||
既定値は `false` です。 | ||
`true` に設定するには、{{domxref("Element.attachShadow()")}} メソッドの `clonable` オプションを使用するか、またはシャドウルートを宣言的に関連付ける使用される `<template>` 要素の [`shadowrootclonable`](/en-US/docs/Web/HTML/Element/template#shadowrootclonable) 属性を設定します。 | ||
|
||
## 値 | ||
|
||
シャドウルートが複製可能であれば `true`、そうでなければ `false` です。 | ||
|
||
## 例 | ||
|
||
```js | ||
const host = document.createElement("div"); | ||
const shadowRoot = host.attachShadow({ | ||
mode: "open", | ||
clonable: true, | ||
}); | ||
|
||
shadowRoot.clonable; | ||
// true | ||
``` | ||
|
||
## 仕様書 | ||
|
||
{{Specifications}} | ||
|
||
## ブラウザーの互換性 | ||
|
||
{{Compat}} |