您正在阅读此内容的英文版本，因为该语系尚未翻译。 帮助我们翻译此文章吧！
这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
Element.attachShadow() 方法给指定的元素挂载一个Shadow DOM，并且返回它的 ShadowRoot.
语法
var shadowroot = element.attachShadow(shadowRootInit);
参数
shadowRootInit- 一个
shadowRootInit字典，包括下列字段：mode: 一个指定Shadow DOM封装模式的字符串，可以是下列之一：open指定为开放的封装模式。closed指定为关闭的封装模式。
返回值
返回一个 ShadowRoot.
标准
| 标准 | 状态 | 备注 |
|---|---|---|
| Shadow DOM attachShadow() |
Obsolete | Initial definition. |
浏览器兼容性
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| 特性 | 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 |