Соеденить два дубликата узла

[alex_web64]

Здравствуйте.

У меня есть два блока, к примеру

<div id="z">z</div>
<div id="x">x</div>

Мне нужно их по очереди клонировать, а в конечном результате получить этот код в виде строки
 

'<div id="z">z</div><div id="x">x</div>'

Как это правильно сделать?

Это для тестов https://jsfiddle.net/0wo1z717/

[by chris]

@alex_web64, https://jsfiddle.net/0wo1z717/1/ ?

[alex_web64]

7 минут назад, by chris сказал:

@alex_web64, https://jsfiddle.net/0wo1z717/1/ ?

я тоже пришел к решению создать div https://jsfiddle.net/0wo1z717/2/, просто мне не очень нравится такое решение, надеялся, кто-то предложит более оптимальное.

documentFragment бы лучше в данном случае подошел, но он не имеет метода innerHTML, и из него не получится получить код в виде строки, насколько мне известно.

[wwt]

12 минуты назад, by chris сказал:

@alex_web64, https://jsfiddle.net/0wo1z717/1/ ?

можно и без циклов https://jsfiddle.net/0wo1z717/4/

он сам преобразует в строку при задании значения через innerText

[by chris]

@wwt, я понимаю. просто так не интересно. хотел как-раз добавить вариант) https://jsfiddle.net/0wo1z717/5/

[Николя223]

А че не так?
https://jsfiddle.net/0wo1z717/8/