DOM：使用node节点获取兄弟节点

兄弟节点
nextSibling 获取下一个兄弟节点，包含元素节点或文本节点。
previousSibling 获取上一个兄弟节点，包含元素节点或文本节点。

<div class="box1">132</div>
<div class="box2">abc</div>
<script>
var box1 = document.querySelector(".box1");
console.log(box1.nextSibling); // 获取到的是text文本节点
console.log(box1.previousSibling); // 获取到的也是text文本节点
</script>

如果只想获取到元素节点，还有一个方法：nextElementSibling，可以获取下一个兄弟元素节点，找不到返回null。
previousElementSibling，可以获取上一个兄弟元素节点，找不到返回null。
但是这两个方法有兼容性问题，IE9已上才支持。

<div class="box1">132</div>
<div class="box2">abc</div>
<script>
var box1 = document.querySelector(".box1");
console.log(box1.nextElementSibling); // 获取到box2
console.log(box1.previousElementSibling); // 返回null 因为box1没有上一个兄弟元素节点
</script>