Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript';中createElement()的按钮;s的Web组件未显示_Javascript_Web Component - Fatal编程技术网

JavaScript';中createElement()的按钮;s的Web组件未显示

JavaScript';中createElement()的按钮;s的Web组件未显示,javascript,web-component,Javascript,Web Component,我正在为button创建一个vanilla js组件,问题是当我在另一个页面中调用组件类时,它没有显示button,只有button标记 当我控制台button或button.innerHtml时,它会显示所需的结果 将按钮附加到自定义元素。您所做的只是在内存中创建它 window.customElements.define('j按钮', 类jButton扩展了HTMLElement{ 构造函数(){ 超级(); 这是一个模板(); } 模板化(){ var button=document.

我正在为button创建一个vanilla js组件,问题是当我在另一个页面中调用组件类时,它没有显示button,只有button标记

当我控制台button或button.innerHtml时,它会显示所需的结果


将按钮附加到自定义元素。您所做的只是在内存中创建它

window.customElements.define('j按钮',
类jButton扩展了HTMLElement{
构造函数(){
超级();
这是一个模板();
}
模板化(){
var button=document.createElement(“按钮”);
button.innerHTML=“我的按钮”;
//将按钮附加到自定义元素
此.appendChild(按钮);
}
});

不应修改构造函数中的子项。通过调用
this.templating()
可以在构造函数中添加子级。