DOM-节点（node)操作

1.nodeType: 元素节点=1，属性节点=2，文本节点=3；

2.父级节点：node.parentNode 返回最近的一个父节点，若无返回null

e.g. var ul = li.parentNode;

3.子节点：parentNode.childNodes 返回所有子节点的集合，包括文本节点，不常用；

使之只取子元素节点：

var ul = document.querySelector('ul');

for (i = 0; i < ul.length; i++) {

        if (ul.childNodes.nodeType == 1) {

                console.log(ul.childNodes[i]);

        }

}

方法二：parentNode.children 返回子元素集合，可指定返回某一个，ul.children[0]

          var lis = ul.children; 但是有兼容性问题

方法三：parentNode.firstChild 返回所有子节点的第一个

                parentNode.lastChild 返回所有子节点的最后一个

方法四：parentNode.firstElementChild 返回子元素节点的第一个

                parentNode.lastElementChild 返回子元素节点的最后一个

3.兄弟节点：node.nextSibling 返回元素的下一个兄弟节点，找不到