dom 查询

获取所有的子元素

var ul = document.getElementsByTagName("ul")[0]
var children1 = ul.children
console.log(children1)

获取所有的子节点

var children2 = ul.childNodes
console.log(children2)

获取父节点

var parent1 = ul.parentNode
console.log(parent1)

获取父元素

var parent2 = ul.parentElement
console.log(parent2)

获取第一个子节点

var first1 = ul.firstChild
console.log(first1)

获取第一个子元素

var first2 = ul.firstElementChild
console.log(first2)

获取上一个兄弟节点

var brother1 =  ul.previousSibling
console.log(brother1)

获取下一个兄弟节点

var brother2 =  ul.nextSibling
console.log(brother2)

获取上一个兄弟元素

var brother3 =  ul.previousElementSibling
console.log(brother3)

获取下一个兄弟元素

var brother4 =  ul.nextElementSibling
console.log(brother4)