How to move an element into another element?

Ever tried plain JavaScript… destination.appendChild(source); ?

onclick = function(){ destination.appendChild(source); }
div{ margin: .1em; } 
#destination{ border: solid 1px red; }
#source {border: solid 1px gray; }
<!DOCTYPE html>
<html>

 <body>

  <div id="destination">
   ###
  </div>
  <div id="source">
   ***
  </div>

 </body>
</html>

Related Posts:

  1. How to properly use jsPDF library
  2. How do I check whether a checkbox is checked in jQuery?
  3. ReferenceError: $ is not defined
  4. How do I check whether a checkbox is checked in jQuery?
  5. jQuery document.createElement equivalent?
  6. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  7. How can I scroll to an element using jQuery?
  8. jQuery.click() vs onClick
  9. jQuery Get Selected Option From Dropdown
  10. Check if checkbox is checked with jQuery
  11. How to add jQuery code into HTML Page
  12. How can I get the data-id attribute?
  13. Check if checkbox is checked with jQuery
  14. Bootstrap Dropdown menu is not working
  15. jquery SlideToggle effect in upward direction?
  16. Change Background color (css property) using Jquery
  17. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  18. Get class name using jQuery
  19. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  20. Set timeout for ajax (jQuery)
  21. Use images like checkboxes
  22. How to read xml file contents in jQuery and display in html elements?
  23. Jquery swipe left or right on mobile
  24. Create table with jQuery – append
  25. How to convert selected HTML to Json?
  26. How to Open New window on every Click
  27. Uncaught TypeError: Cannot read property ‘top’ of undefined
  28. How can I select an element by name with jQuery?
  29. jQuery disable/enable submit button
  30. Play an audio file using jQuery when a button is clicked
  31. How to move an element after another element using JS or jquery?
  32. Why is the jquery script not working?
  33. document.getElementsByClassName().innerHTML always returns “undefined”
  34. Jquery button click() function is not working
  35. HTML text input allow only numeric input
  36. Refresh/reload the content in Div using jquery/ajax
  38. How do I check whether a checkbox is checked in jQuery?
  39. Print the contents of a DIV
  40. Embedding instagram webpage inside an iframe
  41. How to get height of div in px dimension
  42. Set value to currency in
  43. jQuery: Uncaught Error: Syntax error, unrecognized expression
  44. Creating a div element in jQuery
  45. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  46. How to use in jQuery :not and hasClass() to get a specific element without a class
  47. HTML Entity Decode
  48. How to display raw JSON data on a HTML page
  49. Clearing my form inputs after submission
  50. Get class list for element with jQuery
  51. Reload an iframe with jQuery
  52. How to scroll an HTML page to a given anchor
  53. Highlight a word with jQuery
  54. How do I refresh a DIV content?
  55. Why is jquery show() not working in example
  56. How can I use jQuery to run MySQL queries?
  57. jQuery sort elements using data id
  58. jQuery scrollTop() method not working
  59. FormData append not working
  60. getContext is not a function
  61. How to change the text of a label?
  62. Print a div content using Jquery
  63. Get the size of the screen, current web page and browser window
  64. Using “&times” word in html changes to ×
  65. Closing Bootstrap modal onclick
  66. Fire oninput event with jQuery
  67. Fully responsive HTML5 video
  68. Changing the selected option of an HTML Select element
  69. HTML anchor link – href and onclick both?
  70. How can I know which radio button is selected via jQuery?
  71. How to scroll to top of page with JavaScript/jQuery?
  72. How to use aria-expanded=”true” to change a css property
  73. How to set “style=display:none;” using jQuery’s attr method?
  74. Adding JavaScript to a WordPress website
  75. Putting custom html/js page into Elementor as it’s own block
  76. internal anchor links no longer working after upgrade
  77. How to run Javascript popup modal in a loop?
  78. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  79. Styling parent based on a child element of a child in a WordPress page
  80. (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
  81. Cannot read property ‘push’ of undefined when combining arrays
  82. How does the data-toggle attribute work? (What’s its API?)
  83. Adding images to a Bootstrap Carousel with AJAX
  84. Equivalent of jQuery .hide() to set visibility: hidden
  85. How can I get the last character in a string?
  86. Parse an HTML string with JS
  87. Shortest way to print current year in a website
  88. Uncaught TypeError: Cannot read property ‘name’ of undefined
  89. How to make a simple image upload using Javascript/HTML
  90. this vs $(this)
  91. Why define an anonymous function and pass it jQuery as the argument?
  92. Javascript – ERR_CONTENT_LENGTH_MISMATCH
  93. how to call a onclick function in tag?
  94. JavaScript button onclick not working
  95. stopPropagation vs. stopImmediatePropagation
  96. Ajax success function
  97. How can I exit from a javascript function? [duplicate]
  98. Object doesn’t support property or method ‘addEventListener’
  99. Nice scroll to wordpress
  100. Site images are fixed in front of my site content [closed]

Leave a Comment