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

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);