方法一:node.nextSibling node.previousSibling
node.nextSibling获取的是下一个兄弟节点,包含所有节点,找不到下一个节点就返回null。
node.previousSibling 获取的是上一个兄弟节点,包含所有节点,找不到下一个节点就返回null。
方法二:node.nextElementSibling node.previousElementSibling(ie9以上才支持)
node.nextElementSibling获取的是下一个兄弟元素节点,找不到就返回null。
node.previousElementSibling获取的是上一个兄弟元素节点,找不到就返回null。
兼容性的解决方法:
function nextElementSibling(element) {
var el = element;
while (el = el.nextSibling) {
if (el.nodeType === 1) {
return el;
}
}
return null;
}
获取上一个兄弟元素节点兼容性处理方法同上。