Get content of a DIV using JavaScript

Question

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    lt script type  text javascript  gt      var MyDiv1   Document getElementById  DIV1       var MyDiv2   Document getElementById  Div2       MyDiv2 innerHTML   MyDiv2     lt  script gt   lt body gt   lt div id  DIV1  gt      Some content goes here   lt  div gt    lt div id  DIV2  gt   lt  div gt   lt  body gt

User · Answer

Right now you re setting the innerHTML to an entire div element  you want to set it to just the innerHTML   Also  I think you want MyDiv2 innerHTML   MyDiv 1  innerHTML   Also  I think the argument to document getElementById is case sensitive   You were passing Div2 when you wanted DIV2  var MyDiv1   Document getElementById  DIV1    var MyDiv2   Document getElementById  DIV2    MyDiv2 innerHTML   MyDiv1 innerHTML     Also  this code will run before your DOM is ready   You can either put this script at the bottom of your body like paislee said  or put it in your body s onload function   lt body onload  loadFunction    gt    and then   function loadFunction        var MyDiv1   Document getElementById  DIV1        var MyDiv2   Document getElementById  DIV2        MyDiv2 innerHTML   MyDiv1 innerHTML

User · Answer

function add more      var text count   document getElementById  text count   value  var div cmp   document getElementById  div cmp    var values   div cmp innnerHTML  var count   parseInt text count   divContent        for  i   1  i  lt   count  i           var cmp text   document getElementById  cmp name     i  value      var cmp textarea   document getElementById  cmp remark     i  value      divContent      lt div id  div cmp     i      gt               lt input type  text  align  top  name  cmp name    id  cmp name     i      value      cmp text       gt               lt textarea rows  1  cols  20  name  cmp remark    id  cmp remark     i      gt     cmp textarea     lt  textarea gt               lt  div gt       var newCount   count   1   if  document getElementById  div cmp     newCount     null        var newText     lt div id  div cmp     newCount      gt               lt input type  text  align  top  name  cmp name    id  cmp name     newCount      value     gt               lt textarea rows  1  cols  20  name  cmp remark    id  cmp remark     newCount        gt  lt  textarea gt               lt  div gt          content   div cmp innerHTML      div cmp innerHTML   divContent   newText    else       document getElementById  div cmp     newCount  innerHTML     lt input type  text  align  top  name  cmp name    id  cmp name     newCount      value     gt               lt textarea rows  1  cols  20  name  cmp remark    id  cmp remark     newCount        gt  lt  textarea gt       document getElementById  text count   value   newCount

User · Answer

1  Your  lt script gt  tag should be placed before the closing  lt  body gt  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    lt body gt   lt div id  DIV1  gt      Some content goes here   lt  div gt    lt div id  DIV2  gt   lt  div gt   lt script type  text javascript  gt      var MyDiv1   document getElementById  DIV1       var MyDiv2   document getElementById  DIV2       MyDiv2 innerHTML   MyDiv1 innerHTML    lt  script gt   lt  body gt

User · Answer

simply you can use jquery plugin to get set the content of the div      var divContent        DIV1  html         DIV2  html divContent      for this you need to include jquery library

User · Answer

You need to set Div2 to Div1 s innerHTML  Also  JavaScript is case sensitive - in your HTML  the id Div2 is DIV2  Also  you should use document  not Document   var MyDiv1   document getElementById  DIV1    var MyDiv2   document getElementById  DIV2    MyDiv2 innerHTML   MyDiv1 innerHTML     Here is a JSFiddle  http   jsfiddle net gFN6r

[javascript] Get content of a DIV using JavaScript

Examples related to javascript