Programmiererforum

Ich versuche, mit Webkomponenten in Vanille -JS ohne Reaktion oder anderer Framework zu arbeiten, und erstelle einige Webkomponenten wie folgt: < /p>
const actionBlock = document.createElement('action_block');
actionBlock.innerHTML =

[*]








Define Action













;

class ActionBlock extends HTMLElement {
constructor() {
super();
}

connectedCallback() {

this.innerHTML = actionBlock.innerHTML;
this.innerHTML = this.innerHTML.replace("{0}", this.getAttribute("data-id"));

}

render() {
}

}
window.customElements.define('action-block', ActionBlock);


< /code>
Mein Problem ist es, sich gegenseitig zu klonen und nach dem Anhängen einer Komponente. Beispiel: < /p>






< /code>
In diesem Fall versuche ich, alle Komponenten mit document.querySelector ("#1") zu erhalten.




< /code>
Die im ersten nicht gerendeten Webkomponenten. Außerdem versuche ich, eine neue Komponente zu erstellen und die gesamte Innerhtml hinzuzufügen, aber noch nicht funktioniert.