Question

Is there a way to relocate a div using JS, in order to have the most relevant copy in the HTML further up the page. But having the flexibility to display the same copy where ever you like, when it comes to what the end user sees? ie…

HTML:

<div id="three">Three(to be at the top of HTML but display at bottom in browser)</div>
<div id="one">One</div>
<div id="two">Two</div>

Browser:

One
Two 
Three(to be at the top of HTML but display at bottom in browser)

Is there a tutorial anywhere for this, and what function do I need to use? Thanks.

Answer 1

You can use this kind of javascript to modify the CSS properties. To take the same idea as the one of the user named Safari, we can come up with this kind of code:

<script>
  document.getElementById('three').style.position = 'fixed';
  document.getElementById('three').style.bottom = 0;
</script>