Скопировать элементы со всей их внутренней структурой методом cloneNode()?

Question

[Михаил]

всем привет!
Вот сделал три div, в каждом есть элементы h1, h4, p с текстом.
Пытаюсь полностью скопировать и вывести все эти три div со всей их внутренней структурой.
Методом cloneNode(true).
Но почему-то теряется внутренняя структура элемента.
Т.е. h1 , h4 выводятся как обычный текст.
И еще стили не применяются к скопированным блокам.
Я уж и пытался инлайново стили задать, и класс присвоить вот так:

arrTextBlockClone.style = 'border: 3px solid #ddd;border-radius: 10px;margin: 10px;padding: 20px;';
arrTextBlockClone.classList.add('my-text-block');

но все равно не получается.

Вставку пробовал делать с помощью append, prepend .
Как это правильно сделать ?

здесь пример
https://codepen.io/mk3mk/pen/XWWaojO?editors=1010

Answer 1

[Stockholm Syndrome]

потому что, когда вы перезаписываете свойство innerText, всё содержимое заменяется на один текстовый узел

Comments

[Михаил]

всё , кажется получилось