Fatal编程技术网
  • javascript/
  • Javascript 类型元素上不存在属性attachshadow

Javascript 类型元素上不存在属性attachshadow

javascript html typescript

Javascript 类型元素上不存在属性attachshadow,javascript,html,typescript,Javascript,Html,Typescript,我创建了一个带有html应用程序的Typescript类型的新visual studio项目，我正在尝试创建一个阴影dom，但出现了一个错误 class Append{ element: HTMLElement; constructor(element: HTMLElement) { this.element = element; } window.onload = () => { var el = document.getElemen

我创建了一个带有html应用程序的Typescript类型的新visual studio项目，我正在尝试创建一个阴影dom，但出现了一个错误

class Append{
    element: HTMLElement;

    constructor(element: HTMLElement) {
        this.element = element;
    }


window.onload = () => {
    var el = document.getElementById('content');
    let shadow = el.attachShadow({mode: 'open'});
}
类型元素上不存在属性attachshadow

并非所有元素都可以接受阴影DOM

授权HTML元素的列表在Shadow DOM v1规范的定义中定义：

有效的自定义元素名称，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
，
<


无法将阴影根添加到自定义元素吗？我看到一些chrome扩展在@NathanB标签下添加了#shadow root（open），当然可以将shadow root添加到自定义元素中。此答案提供的列表包括“有效的自定义元素名称”作为列表上的第一项。看到这个了吗？它似乎比这个答案使用的更为新