[danik.js]

<div id="source" style="border: 1px solid red">
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" alt="Smile" />
    <img src="http://javascript.ru/forum/images/smilies/laugh.gif" alt="Laugh" />
    <img src="http://javascript.ru/forum/images/smilies/wink.gif" alt="Wink" />
</div>
<button id="button">Переместить</button>
<div id="target" style="border: 1px solid blue">
</div>
<script>
    var button = document.getElementById('button');
    var source = document.getElementById('source');
    var target = document.getElementById('target');
    button.onclick = moveImage;
    function moveImage() {
        var image = source.lastElementChild;
        if (!image)
            return;
        target.appendChild(image);
        target.appendChild(document.createTextNode(image.alt));
    }
</script>