1.兄弟节点
// Node.previousSibling
// 返回当前节点的前一个兄弟节点,没有则返回null.
例子:
<a><b1/><b2/></a>
alert(document.getElementById("b1").previousSibling); //null
alert(document.getElementById("b2").previousSibling.id); // 1
// ChildNode.previousElementSibling
// 返回当前元素在其父元素的子元素节点中的前一个元素节点,如果该元素已经是第一个元素节点,则返回null,该属性是只读的.
// 上一级兄弟节点
// nextElementSibling
// 返回当前元素在其父元素的子元素节点中的后一个元素节点,如果该元素已经是最后一个元素节点,则返回null,该属性是只读的.
// 下一级兄弟节点
例子:
<div>
这是父节点
<p>这是子节点1</p>
<span>我是子节点3</span>
<span>这是子节点2</span>
</div>
<script>
// 通过类选择器获取父节点
var f = document.getElementsByClassNam