翻译正在进行中。
这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
Element.attachShadow() 方法给指定的元素挂载一个Shadow DOM，并且返回它的 ShadowRoot.
语法
var shadowroot = element.attachShadow(shadowRootInit);
参数
shadowRootInit- 一个ShadowRoot初始化字典，包括下列字段：
mode: 一个指定Shadow DOM封装模式的字符串，可以是下列之一：open. 指定为开放的封装模式。closed.指定为关闭的封装模式。
返回值
返回一个 ShadowRoot.
标准
| 标准 | 状态 | 备注 |
|---|---|---|
| Shadow DOM attachShadow() |
Working Draft | Initial definition. |
浏览器兼容性
| 特性 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| 基本支持 | 53.0 | 未实现 | 未实现 | ? | 10.0 |
| 特性 | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| 基本支持 | 未实现 | 53.0 | 未实现 | ? | ? | ? | ? | 53.0 |