перемещать текст из одного div в другой с помощью JavaScript или mootools

Question

У меня есть два деления. Я хотел бы переместить / заполнить текст от div id one до div id два, используя событие onclick. Мне интересно, как это сделать? а также можно ли использовать mootools для выполнения задачи или нужен только простой javascript?

<script type="text/javascript" src="js/mootools.js"></script>

<script type="text/javascript">
alert($('side-a'));
function my_function(){
    var originalDivHtml = document.id('one').get('html');
    document.id('two').set('html', originalDivHtml);
}
</script>

<div id='one'>
 <ul>
  <input type="checkbox"  onclick = "my_function()"/>
  <li>some text 1</li>
  <input type="checkbox"  onclick = "my_function()"/>
  <li>some text 2</li>
 </ul>
<div>

<div id='two'>
<div>

Я тоже так пробовал, но все равно не работает

<div id='two'>
 <ul>
  <input type="checkbox"  onclick = "my_function()"/>
  <li>some text 1</li>
  <input type="checkbox"  onclick = "my_function()"/>
  <li>some text 2</li>
 </ul>
<div>

<div id='one'>
<div>

<script type="text/javascript">
var one = document.getElementById('one'), two = document.getElementById('two');

function my_function () {
    while (two.childNodes.length) {
        one.appendChild(two.firstChild);
    }
}

</script>

Заранее благодарим за любую помощь. Здесь я бьюсь головой о кирпичную стену, потому что мои навыки работы с javascript ограничены!

Ke

Answer 1

var originalDivHtml = $('one').get('html');
$('two').set('html', originalDivHtml);

или с фундуком Javascript

var originalDivHtml = document.getElementById('one').innerHTML;
document.getElementById('two').innerHTML = originalDivHtml;

<ч />

Функция должна быть определена как:

function my_function() {
   var originalDivHtml = $('side-a').get('html');
   $('content').set('html', originalDivHtml);
}

У вас должно быть два элемента с идентификаторами side-a и content для вышеперечисленного.

Answer 2

var one = document.getElementById('one'), two = document.getElementById('two');

function move_two_to_one () {
    while (two.childNodes.length) {
        one.appendChild(two.firstChild);
    }
}