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

Question

Я пытаюсь втянуть содержимое одного div в другое. Вот мой код:

<script> 
(function($) { 

    region = ivalue_1[selectedRegion]; 

    document.getElementById('block1').innerHTML = region; 

    var distributor = document.getElementById('distributor-form'); 
    document.getElementById('block2').innerHTML = distributor; 

})(jQuery); 
</script> 

На данный момент «block2» просто отображает:

[object HTMLDivElement] 

Я никогда бы не сделать это таким образом (я хотел бы использовать JQuery), но этот код идет в Wordpress плагин и единственный способ отображения содержимого - сделать что-то по строкам document.getElementById('block1').innerHTML = region;

Где я иду не так?

Answer 1

var distributor = document.getElementById('distributor-form'); 

должен быть

var distributor = document.getElementById('distributor-form').innerHTML; 

Первая строка просто возвращает полный HTML элемент как объект. Вы заинтересованы только в значении в элементе

Answer 2

Вы не добавляете HTML-код, кроме HTML-Element.
Изменить код:

document.getElementById('block2').innerHTML = distributor.innerHTML; 

Answer 3

Вы забыли сделать получить innerHTML от дистрибьютора:

document.getElementById('block2').innerHTML = distributor.innerHTML; 

Answer 4

вы пропустили innerHTML

document.getElementById('block2').innerHTML = distributor.innerHTML;