Get content of a DIV using JavaScript

by

(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>

More Related Contents:

  1. Come up on hover [closed]
  2. How i can add one function to multiple classes (like button) [closed]
  3. Trying to use fetch and pass in mode: no-cors
  4. How to convert file to base64 in JavaScript?
  5. Why is {} + {} no longer NaN in Chrome console?
  6. Chrome Extension – How to get HTTP Response Body?
  7. How do you put an image file in a json object?
  8. How to create an auto-complete combobox?
  9. Adding code to a javascript function programmatically
  10. How to use Typescript with native ES6 Promises
  11. jquery validate plugin on dynamic form inputs not working
  12. Node js socket explanation
  13. Modify file in place (same dest) using Gulp.js and a globbing pattern
  14. Angularjs $http post file and form data
  15. Getting hash parameters from request url
  16. Javascript – innerHTML not working with HTML select menus
  17. Convert String to XML Document in JavaScript
  18. JavaScript access string chars as array
  19. How to get form data as a object in jquery [duplicate]
  20. how to process fetch response from an ‘opaque’ type?
  21. useMemo vs. useEffect + useState
  22. get all the elements of a particular form
  23. Detect if dropdown navigation would go off screen and reposition it
  24. Share constants between C# and Javascript in MVC Razor
  25. Converting sanitised html back to displayable html
  26. Manage multiple tabs (but same user) in socket.io
  27. Creating a Clickable Grid in a Web Browser
  28. Increment value each time when you run function
  29. Hook AJAX in WordPress
  30. Hide several lines using Checkboxes and CustomJS in Python Bokeh

Leave a Comment