title: how to make a element in the DOM with a higher hierarchy?
body: <p>There are some elements in the dom, the hierarchy is like this:</p>
  
  <pre><code>&lt;div id='outter'&gt;&lt;div id='middle'&gt;&lt;div id='inner'&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>how can i make the inner div be the direct child of outter div?</p>