как скопировать элемент div без потери значения

0

У меня есть тег div1 со всеми необходимыми элементами, и я хочу скопировать весь элемент в другой div, скажем div2, но когда я это сделаю, он потеряет все данные в текстовом поле div1 и копирует его в div2. Каков подход к тому, чтобы не потерять данные. здесь пример кода, который я использую:

HTML

     <div id="div1">
     <img src="some-image.jpg" alt="">
     <textarea></textarea>
     </div>
     <div id="div2" style="display:none;">
     </div>

     <input type="button" name="hide" onclick="document.getElementById('div2').innerHTML=document.getElementById('div1').innerHTML">
     <input type="button" name="show" onclick="document.getElementById('div1').innerHTML=document.getElementById('div2').innerHTML">
  • 1
    Не совсем уверен, что вы хотите достичь, но вы должны отделить JS от HTML.
  • 0
    вопрос сбивает с толку. что вы подразумеваете под данными в текстовом поле 1?
Показать ещё 3 комментария
Теги:

2 ответа

2
Лучший ответ

Храните содержимое текстового поля в переменной, затем скопируйте div и вставьте содержимое в текстовое поле.

0

Сделайте третий скрытый div < div style = "display:none" > Div не будет отображаться на веб-странице
Скопируйте данные из div 1 в div 3, div 2 в div 1, затем div 3 в div 2.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню