JavaScript封装函数：获取下一个/上一个兄弟元素节点

要求：

1. 获得下一个/上一个兄弟元素节点，不包括文本节点等
2. 解决IE兼容性问题

代码实现：

获得下一个兄弟元素节点：

function getNextElement(element) {
    var el = element;
    while (el = el.nextSibling) {
        if (el.nodeType === 1) {
            return el;
        }
    }
    return null;
}

获得上一个兄弟元素节点：

function getPrevElement(element) {
    var el = element;
    while (el = el.previousSibling) {
        if (el.nodeType === 1) {
            return el;
        }
    }
    return null;
}

实现效果：

有如下两兄弟标签：

<div>div</div>
<span>span</span>

获得下一个兄弟元素节点：

输入：

var div = document.querySelector('div');
console.log(getNextElement(div));

输出：

<span>span</span>

获得上一个兄弟元素节点：

输入：

var span = document.querySelector('span');
console.log(getPrevElement(span));

输出：

<div>div</div>