JS，nextSibling,nextElementSibling 下一个兄弟,previousSibling previousElementSibling 上一个兄弟节点

<div>234</div>
<div>234</div>
<div id="div1">234</div>
<div>234</div>
<div>234</div>
<div>234</div>
<div>234</div>
<div>234</div>
<script type="text/javascript">
var div1 = document.getElementById("div1");
// div1.nextSibling.style.color="red";  获取下一个兄弟节点 只有IE 6 7 8兼容
// div1.nextElementSibling.style.color="red";   其他浏览器兼容

var one = div1.nextElementSibling || div1.nextSibling;// 所以用这种处理兼容的办法：中间通过一个变量，获取其中一个值   注意：先写正常浏览器，在写要去兼容的IE其他浏览器
one.style.color="red";





//div1.previousElementSibling.style.color="blue";    获取上一个兄弟节点，处理兼容方法同上
//div1.previousSibling.style.color="blue";
</script>
</body>
</html>