javascript - 如何在树中将元素向上/向下移动一个位置

Question

我似乎找不到什么应该是 JavaScript 的基本功能。我想通过单击按钮将元素向上移动一个位置或向下移动一个位置。 jQuery 和其他专有库不是一个选项。

function moveDown()
{
    if (document.getElementById('CMSeditingNode'))
    {
        var node = document.getElementById('CMSeditingNode'),
        parent = node.parentNode,
        nextNode = node.nextSibling,
        secondNode = nextNode.nextSibling,
        oldChild = parent.removeChild(node);
        parent.insertBefore(oldChild, secondNode);
    }
}

答案非常有效，我在这篇文章中添加了 insertAfter() 的补充内容。

Answer 1

您要查找的方法/属性是 parentNode , previousSibling , nextSibling , removeChild , insertBefore , 和 insertAfter .片段可能如下所示:

var node = document.getElementById('somenode'),
    parent = node.parentNode,
    prev = node.previousSibling,
    oldChild = parent.removeChild(node);
parent.insertBefore( oldChild, prev );

只是为了比较，(完整的)jQuery 将是:

var $node = $('#somenode'),
            $node.prev().before($node);