Question

In javascript, i want to get an element and render it inside other element.

I am using following code

document.getElementById('table_cell1').innerHTML = document.getElementById("txt_area");

but this will not render the element, instead it will display

[object HTMLTextAreaElement]

one way to achieve this is, I wrap my ‘text element’ inside a DIV tag and then use innerHTML of DIV. e.g.

document.getElementById('table_cell1').innerHTML = document.getElementById("div_txt").innerHTML;

But this will require a lot of design change. So i am looking for some better way of doing the same.

Suggestions/Comments, Please?

Answer 1

Try this:

document.getElementById('table_cell1').innerHTML = document.getElementById("txt_area").outerHTML;