<ul>
<li>北京</li>
<p>首都啊</p>
<li>南京</li>
<p>你是几线</p>
<li>东京</li>
<p>一边去</p>
<li>西天取经</li>
<p>你来当和尚吧</p>
</ul>
获取ul
var ul = document.getElementsByTagName("ul")[0]
获取ul下所有的子元素
var children1 = ul.children
获取ul下所有的子节点
var children2 = ul.childNodes
获取ul的父节点
var parent1 = ul.parentNode
获取ul的父元素
var parent2 = ul.parentElement
获取ul的第一个子节点
var first1 = ul.firstChild
获取ul的第一个子元素
var first2 = ul.firstElementChild
获取ul的上一个兄弟节点
var brother1 = ul.previousSibling
获取ul的下一个兄弟节点
var brother2 = ul.nextSibling
获取ul的上一个兄弟元素
var brother3 = ul.previousElementSibling
获取ul的下一个兄弟元素
var brother4 = ul.nextElementSibling