ShadowRoot: serializable プロパティ

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

設定されている場合、このシャドウルートは、Element.getHTML() または ShadowRoot.getHTML() メソッドを options.serializableShadowRoots 引数に true を指定して呼び出すことでシリアライズできます。

シャドウルートの serializable プロパティは、シャドウルートが作成された際に指定されます。<template> 要素に shadowrootserializable 属性を(許可された shadowrootmode 値とともに)追加することで宣言的に指定するか、options.serializable 引数を true に設定して Element.attachShadow() を使用します。

このシャドウルートがシリアライズ可能であれば true、そうでなければ false

js
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;

// ...

// シリアライズ可能かどうか
let hostElem = shadow.serializable;

仕様書

Specification
DOM
# dom-shadowroot-serializable

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
serializable

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support