Клон веб -компонент вложено, другие, а не работа - ваниль JS ⇐ Html

[Anonymous]

Я пытаюсь работать с веб -компонентом в Vanilla JS без реагирования или других средств, и я создаю некоторые веб -компоненты, как это: < /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>
Моя проблема состоит в том, чтобы клонировать и после добавления некоторых компонентов вложенных друг друга. Пример: < /p>






< /code>
В этом случае я стараюсь получить все компоненты с document.queryselector ("#1"). Clone (true) и после того, как добавить его в New Div.




< /code>
Веб -компоненты, вложенные внутри первого, не отображаемого. Также я стараюсь создать новый компонент и добавить All Innerhtml, но еще не работаю.

Подробнее здесь: https://stackoverflow.com/questions/756 ... vanilla-js