HTML节点关系

看下面这段html代码：
<div>
<span>
<select>
<option value="a"/>a</option>
<option value="b"/>b</option>
</select>
</span>
<input name="user" type="text">
</div>

其中div相当于根节点,是span和input的父节点(parentNode),span和input是他的子节点(childNodes[])。span和input是兄弟关系。由于兄弟节点是按照顺序来排序的.所以span就是input的上一个兄弟节点(previousSibling),而input是span的下一个兄弟节点(nextSibling)。
如果在input处来表示select的值的话,那就是this.previousSibling.childNodes[0].value。
而在select处表示input的值,则为this.parentNode.nextSibling.value。