ShadowRoot: clonable ããããã£
Baseline
2024
æè¿å©ç¨å¯è½
April 2024以éããã®æ©è½ã¯ææ°ã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã³ãã©ã¦ã¶ã¼ã§åä½ãã¾ããå¤ã端æ«ããã©ã¦ã¶ã¼ã§ã¯åä½ããªããã¨ãããã¾ãã
clonable 㯠ShadowRoot ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ãã·ã£ãã¦ã«ã¼ããè¤è£½å¯è½ã§ããã° true ãè¿ããããã§ãªããã° false ãè¿ãã¾ãã
å¤ã true ã®å ´åãNode.cloneNode() ã¾ã㯠Document.importNode() ã§è¤è£½ãããã·ã£ãã¦ãã¹ãã«ã¯ã·ã£ãã¦ã«ã¼ãã®ã³ãã¼ãå«ã¾ãã¾ãã
æ¢å®å¤ã¯ false ã§ãã
true ã«è¨å®ããã«ã¯ãElement.attachShadow() ã¡ã½ããã® clonable ãªãã·ã§ã³ã使ç¨ããããã¾ãã¯ã·ã£ãã¦ã«ã¼ãã宣è¨çã«é¢é£ä»ãã使ç¨ããã <template> è¦ç´ ã® shadowrootclonable 屿§ãè¨å®ãã¾ãã
å¤
ã·ã£ãã¦ã«ã¼ããè¤è£½å¯è½ã§ããã° trueãããã§ãªããã° false ã§ãã
ä¾
const host = document.createElement("div");
const shadowRoot = host.attachShadow({
mode: "open",
clonable: true,
});
shadowRoot.clonable;
// true
仿§æ¸
| 仿§æ¸ |
|---|
| DOM > # dom-shadowroot-clonable > |