MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Element.attachShadow()

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

 

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

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.

浏览器兼容性

特性 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

文档标签和贡献者

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