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

Javascript 自定义元素上的自定义属性,javascript,custom-element,Javascript,Custom Element,解析自定义元素并将其添加到DOM后,我是否可以访问在构造函数时创建的自定义属性,如: const props=[] 返回新的CustomElement(道具) //以后的代码 类自定义元素{ ... 建造师(道具){ this.customProperty=props } toString(){ 返回此.outerHTML } ... } //以后的代码 const ce=document.querySelector(“自定义元素”) console.log(ce.customProperty)

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

const props=[]
返回新的CustomElement(道具)
//以后的代码
类自定义元素{
...
建造师(道具){
this.customProperty=props
}
toString(){
返回此.outerHTML
}
...
}
//以后的代码
const ce=document.querySelector(“自定义元素”)
console.log(ce.customProperty)//[]

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

使用
document.createElement(“自定义元素”)
您的属性也在那里

注意,对于后者,只执行了
构造函数

因此,您在
connectedCallback
中添加的道具还不会设置


对于这些类型的问题,请使用JSFiddle或CodePen或

尝试您自己的代码,您需要确保您的自定义元素已正确注册
customElements.define('custom-element',CustomElement)。显示代码的目的是关注问题的相关方面。当然,我已经定义了元素@康妮,你至少在回答问题之前试过了吗?这在任何情况下都不起作用。