CodePen Embed - 移动DOM元素

<div class="first">
  <h1>Title</h1>
</div>
<div class="second">
  <h2>Subtitle</h2>
</div>
<div class="three">
  <h3>Three</h3>
</div>

.first {
  border: 5px solid red;
}
.second {
  border: 5px solid black;
}

const h1 = document.querySelector('h1')
const h2 = document.querySelector('h2')
const three = document.querySelector('.three')

h1.insertAdjacentElement('afterend', h2);
three.remove();

This Pen is owned by JingW on CodePen.

See more by @JingW on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.