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

时间:2021-04-27 05:53:19

标签: javascript custom-element

在解析自定义元素并将其添加到 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 ) // []

1 个答案:

答案 0 :(得分:0)

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

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

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

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

中尝试您自己的代码