gpt4 book ai didi

javascript - JavaScript Web 组件中的 createElement() 按钮未显示

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:08:17 25 4
gpt4 key购买 nike

我正在为按钮创建一个 vanilla js 组件,问题是当我在我的另一个页面中调用组件类时它不显示按钮,而只显示我的按钮标签

当我控制按钮或 button.innerHtml 它显示期望的结果

<html>
<head><script src="button/j-button.js"></script></head>
<body>
<j-button></j-button>
</body>
</html>

window.customElements.define('j-button',
class jButton extends HTMLElement {
constructor() {
super();
this.templating();
}
templating(){
var button = document.createElement("BUTTON");
button.innerHTML="my button";
}
});

我的按钮应该出现内容为“我的按钮”

最佳答案

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

window.customElements.define('j-button',
class jButton extends HTMLElement {
constructor() {
super();
this.templating();
}
templating(){
var button = document.createElement("BUTTON");
button.innerHTML="my button";
// append button to the custom element
this.appendChild(button);
}
});
<j-button></j-button>

关于javascript - JavaScript Web 组件中的 createElement() 按钮未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57205495/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com