将目标节点内部的节点顺序进行逆序处理 - 编程论坛

题目：将目标节点内部的节点顺序进行逆序处理

例如：

程序代码：

逆序后：

程序代码：

方案1：

程序代码：

Element.prototype.nixu = function () {
            let child = this.children,
                len = child.length;
            for (let i = len - 2; i >= 0; i--) {
                this.appendChild(child[i]);
            }
            return this;
        }
        let div = document.getElementsByTagName('div')[0];

注意i的取值，方案1，从len-i=len-2来推导i（=2）的值，因为剪切从倒数第2位开始，其索引为len-2；另外i最大值应为len，即i<=len，因为我们需要取child[0]的元素节点

方案2：

程序代码：

Element.prototype.nixu = function () {
 let child = this.children,
 len = child.length;
 for (let i = 2; i <= len; i++) {
 this.appendChild(child[len - i]);
 }
 return this;
 }
 let div = document.getElementsByTagName('div')[0];

总结：
appendChild()方法本质是剪切。如果元素节点已存在，那么就是将这个已存在的元素节点剪切至目的地。所以，此例中最后一个元素节点不用动，从倒数第二个开始剪切，将倒数第二个放在原来的最后一个元素节点之后，以此类推。

[此贴子已经被作者于2022-5-10 23:33编辑过]