JS基础回顾_Dom

方法

reverse

将子元素位置颠倒

<!-- log -->
<ul id="reverse">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

// no-log
HTMLElement.prototype.reverse = function () {
  let length = this.children.length
  for (let i = length - 2; i >= 0; i--) {
    this.appendChild(this.children[i])
  }
}
let ul = document.getElementById('reverse')
ul.reverse()