Supplying value to innerHTML

[Timothy Sam]

Hi guys, I wanted my code to be neat. So instead of inlining HTML text string in one of my div's innerHTML, I want another div to be the value.

in javascipt:

targetDiv.innerHTML = anotherDiv;

targetDiv is like this...

in HTML:

 
<div id="targetDiv></div>
 
another div is like this..
<div id="anotherDiv>
<table>
 <tr>
  <td>Old password</td><td><input type="oldPassword></td>
 </tr>
 <tr>
  <td>New password</td><td><input type="password></td>
 </tr>
 <tr>
  <td>Confirm password</td><td><input type="retypedPassword></td>
 </tr>
</table>
</div>
 

but this is producing an error, 'content is undefined'. I'm doing this because I want to make some textboxes appear and disappear and shift table rows upward/downward whenever a condition is met(like a checkbox is pressed). Any ideas? Thanks!

[Pavan Keely]

Timothy,

Use,

targetDiv.innerHTML = anotherDiv.innerHTML;

[Gregg Bolinger]

Pavan is correct. But your method isn't making things any more neat. It's just adding an extra div that you don't need.

[Timothy Sam]

So what could be a better solution then? If I just hide the div, the rows that it occupy is still visible and my layout is all broken. Any better solutions than the one I currently have in mind? Thanks!

[Eric Pascarello]

Well you are hiding it the wrong way.

document.getElementById("yourId").style.display="none";
document.getElementById("yourId").style.display="block";

Eric