ShadowRoot:可序列化属性

serializableShadowRoot 接口的一个只读属性,如果 shadow root 可序列化,则返回 true

如果设置了该属性,则可以通过调用 Element.getHTML()ShadowRoot.getHTML() 方法并将 options.serializableShadowRoots 参数设置为 true 来序列化 shadow root。

shadow root 的可序列化属性在创建 shadow root 时指定,可以通过在 <template> 元素上添加 shadowrootserializable 属性(以及允许的 shadowrootmode 值)以声明方式进行设置,或者在使用 Element.attachShadow() 时将 options.serializable 参数设置为 true 来进行设置。

如果 shadow root 可序列化,则为 true;否则为 false

示例

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

// ...

// Is it serializable?
let hostElem = shadow.serializable;

规范

规范
DOM 标准
# dom-shadowroot-serializable

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。