We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

这篇翻译不完整。请帮忙从英语翻译这篇文章

 

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

Element.attachShadow() 方法给指定的元素挂载一个Shadow DOM,并且返回它的 ShadowRoot.

语法

var shadowroot = element.attachShadow(shadowRootInit); 

参数

shadowRootInit
一个shadowRootInit字典,包括下列字段:
  • mode: 一个指定Shadow DOM封装模式的字符串,可以是下列之一:
    • open 指定为开放的封装模式。
    • closed 指定为关闭的封装模式。

返回值

返回一个 ShadowRoot.

标准

标准 状态 备注
Shadow DOM
attachShadow()
Working Draft 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

文档标签和贡献者

此页面的贡献者: xiazeyu, carsonxu, harttle
最后编辑者: xiazeyu,