javascript - 类型元素上不存在属性 attachshadow

标签 javascript html typescript

我创建了一个类型为 Typescript 和 html application 的新 Visual Studio 项目,我正在尝试创建一个 shadow 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

最佳答案

并非所有元素都可以接受 Shadow DOM。

授权的 HTML 元素列表在 attachShadow() 中定义。 Shadow DOM v1 规范中的定义:

valid custom element name, <article>, <aside>, <blockquote>, <body>, <div>, <footer>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <main>, <nav>, <p>, <section> or <span>

关于javascript - 类型元素上不存在属性 attachshadow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51010330/

相关文章:

node.js - 缺少 TypeScript + NodeJS readline 属性

typescript - 交集不合并属性枚举

javascript - 什么时候回发不是回发? (根据 ASP.net)

javascript - 使用 Croppie - 简单示例

javascript - Internet Explorer 5 不支持悬停自动换行

javascript - 在两个变量之间随机选择并赋予其中一个变量 true 值

iphone - Flex 4与JavaScript选项( Cappuccino ,JQuery等)

typescript - 如何在 TypeScript 中使用 "RegExp.exec"?

javascript - 有没有不用图片用HTML5 canvas和javascript动态绘制云朵的好方法?

javascript - javascript onclick 函数不起作用