Добрый день, коллеги !
Передо мной стоит такая задача:

есть кусок страницы:

Необходимо клонировать DIV container1 (включая все содержимое), присвоить всем объектам другой ID (prefix1 переделать в prefix2) и вставить в другую область страницы.

Метод cloneNode нам не подходит, т.к. он сделает все правильно , но не изменит prefix .
Просто выбрать innerHTML этого дива в строку, затем, предварительно заменив в ней все вхождения prefix , втсавить в новое место тоже не получится, т.к. при этом теряется все что было введено пользователем в инпуты (а это необходимо сохранить).

Можно конечно же разбирать каждый элемент (все его values, id и.т.д.) внутри контейнера, но это тоже не наш метод, т.к. элементов ооооочень много.
Какие есть варианты сего действия ?



Спасибо

Здесь есть один важный нюанс. Все данные, введенные в поля формы клонируемого элемента, необходимо сохранить . При замене innerHTML этого не может произойти . Блин, надо думать дальше, ибо переписывать все аттрибуты для каждого элемента ( а их больше сотни) тяжко :(

Для себя определил такой способ.

Тупо копирую весь innerHTML клонируемого объекта, заменяя его ID, далее прохожусь в цикле по всем объектам содержащимся в клонируемом объекте, и встречая value просто копирую его в новые инпуты (клоны). Сейчас это наиболее простое и шустрое решение