Home/ Questions/Q 6979263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T17:51:51+00:00

I have two DIV’s called DIV1 and DIV2 and DIV1 consists of dynamic content

  • 0

I have two DIV’s called DIV1 and DIV2 and DIV1 consists of dynamic content and DIV2 is empty. I need content of DIV1 to be displayed in DIV2. How can I do it.

I coded in below manner which is not working. Anybody please correct it.

<script type="text/javascript">

   var MyDiv1 = Document.getElementById('DIV1');
   var MyDiv2 = Document.getElementById('Div2');
   MyDiv2.innerHTML = MyDiv2; 

</script>
<body>
<div id="DIV1">
 // Some content goes here.
</div>

<div id="DIV2">
</div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    (1) Your <script> tag should be placed before the closing </body> tag. Your JavaScript is trying to manipulate HTML elements that haven’t been loaded into the DOM yet.
    (2) Your assignment of HTML content looks jumbled.
    (3) Be consistent with the case in your element ID, i.e. ‘DIV2’ vs ‘Div2’
    (4) User lower case for ‘document’ object (credit: ThatOtherPerson)

    <body>
<div id="DIV1">
 // Some content goes here.
</div>

<div id="DIV2">
</div>
<script type="text/javascript">

   var MyDiv1 = document.getElementById('DIV1');
   var MyDiv2 = document.getElementById('DIV2');
   MyDiv2.innerHTML = MyDiv1.innerHTML;

</script>
</body>
    • 0