Javascript 自定义元素上的自定义属性
解析自定义元素并将其添加到DOM后,我是否可以访问在构造函数时创建的自定义属性,如:Javascript 自定义元素上的自定义属性,javascript,custom-element,Javascript,Custom Element,解析自定义元素并将其添加到DOM后,我是否可以访问在构造函数时创建的自定义属性,如: const props=[] 返回新的CustomElement(道具) //以后的代码 类自定义元素{ ... 建造师(道具){ this.customProperty=props } toString(){ 返回此.outerHTML } ... } //以后的代码 const ce=document.querySelector(“自定义元素”) console.log(ce.customProperty)
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)代码>。显示代码的目的是关注问题的相关方面。当然,我已经定义了元素@康妮,你至少在回答问题之前试过了吗?这在任何情况下都不起作用。