Javascript：如何切换div内容？

Question

Using an onclick function, I'm trying to take the content from a hidden div, and place it into a visible div. Instead of the content showing up, I get [object HTMLDivElement] instead. How do I fix that?

My code:

function infoclick1(){
    var x = document.getElementById('HIDE1');
    document.getElementById('moreinfo').innerHTML = x;
}

Answer 1

function infoclick1(){
    var x = document.getElementById('HIDE1').innerHTML;
    document.getElementById('moreinfo').innerHTML = x;
}

Working Example: http://jsfiddle.net/WK8sW/

Answer 2

您想将其设置为x的innerHTML，所以

document.getElementById('moreinfo').innerHTML = x.innerHTML;