Javascript переместить содержимое из одного div в другой

#javascript #html #css

#javascript #HTML #css

Вопрос:

У меня есть код, который действительно работает:

 <script type="text/javascript">//<![CDATA[ 
      function MoveContent() {
          var srcObj = document.getElementById("src");
          var destObj = document.getElementById("dest");
          destObj.value = srcObj.innerHTML;
     }
//]]>
</script>
  

Но мне нужно переместить содержимое из 2 div с, что невозможно с использованием этого кода.
Я не знаю JavaScript , так что же мне добавить к этому коду?
Извините за плохой английский, заранее спасибо

Ответ №1:

Я предлагаю вам использовать jQuery библиотеку. Вы слышали об этом? http://jquery.com /

Простой код для достижения вашей цели:

 var srcHtml = $('#src').html();
$('#dest').html(srcHtml);
  

Ответ №2:

Использовать:

 destObj.innerHTML = srcObj.innerHTML;
  

value это значение элемента ввода, innerHTML это содержимое DIV или другого элемента.

Комментарии:

1. destObj.value = srcObj.innerHTML; destObj2.value = srcObj2.innerHTML; Я написал это, и это сработало так, как я хотел.

2. Я думал, вы хотели переместить что-то из одного DIV в другой DIV. Вы все еще переходите к значению входных данных, а не к DIV.

3. Пожалуйста, еще один вопрос: я перемещаю содержимое из WHILE, и этот код перемещает только первый элемент while.. Мне нужно выполнить индивидуальное перемещение каждого результата из WHILE{}

Ответ №3:

Предполагая, что оба они div's переписывают следующую строку destObj.value = srcObj.innerHTML; как

destObj.innerHTML= srcObj.innerHTML;

Поскольку у div нет атрибута value , вы не можете скопировать содержимое в пункт назначения, div используя значение.

Ответ №4:

Например, вы получаете значение из одного div, используя

 var srcObj = document.getElementById("src");
  

получите другую переменную, например srcObj2, и сохраните следующий div. Объединить значения двух переменных и присвоить им значение destObj