Question

在解析自定义元素并将其添加到 DOM 后，我是否可以访问我在构造函数时创建的自定义属性，例如：

    const props = []
    return new CustomElement(props)

    // later in code

    class CustomElement {
      ...
      constructor(props) {
         this.customProperty = props
      }
      toString() {
         return this.outerHTML
      }
      ...
    }

    // later in code
    const ce = document.querySelector("custom-element")
    console.log( ce.customProperty ) // []

Answer 1

是的，与常规 DOM 元素没有区别。

有了 document.createElement("custom-element")，您的财产也在那里。

注意后者只执行了 constructor。
因此，您在 connectedCallback 中添加的道具尚未设置。

对于这些类型的问题，请在 JSFiddle 或 CodePen 或 https://webcomponents.dev

中尝试您自己的代码

自定义元素上的自定义属性

1 个答案: