类型元素上不存在属性attachshadow

Question

I created a new visual studio project with type Typescript with html application , I am trying to create a shadow dom but there is an error. 我创建了一个新的Visual Studio项目，类型为Typescript和html application，我试图创建一个影子dom，但是出现错误。

class Append{
    element: HTMLElement;

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


window.onload = () => {
    var el = document.getElementById('content');
    let shadow = el.attachShadow({mode: 'open'});
}

property attachshadow does not exist on type element 类型元素上不存在属性attachshadow

Answer 1

Not all elements can accept a Shadow DOM. 并非所有元素都可以接受Shadow DOM。

The list of authorized HTML elements is defined in the attachShadow() definition in the Shadow DOM v1 specification: 在Shadow DOM v1规范的attachShadow()定义中定义了授权HTML元素的列表：

valid custom element name, <article> , <aside> , <blockquote> , <body> , <div> , <footer> , <h1> , <h2> , <h3> , <h4> , <h5> , <h6> , <header> , <main> , <nav> , <p> , <section> or <span> 有效的自定义元素名称<article> ， <aside> ， <blockquote> ， <body> ， <div> ， <footer> ， <h1> ， <h2> ， <h3> ， <h4> ， <h5> ， <h6> ， <header> ， <main> ， <nav> ， <p> ， <section>或<span>

类型元素上不存在属性attachshadow

问题描述

1 个解决方案

解决方案1
0 2018-07-17 11:44:24

类型元素上不存在属性attachshadow

问题描述

1 个解决方案

解决方案1 0 2018-07-17 11:44:24

解决方案1
0 2018-07-17 11:44:24