Javascript节点介绍

节点的种类主要分为：元素节点，文本节点，属性节点等等是三种节点

节点关系：兄弟关系，父子关系

节点对象的属性：
childNodes：获取所有子节点（元素节点、文本节点）
结果为NodeList类型，可用索引进行查找，childNodes[0].
childNodes.lenght:查询子节点个数
firstChild:父元素的第一个子节点
lastChild:父元素的最后一个节点
parentNode:父节点
previousSibling:上一个同级兄弟节点
nextSibling:下一个兄弟节点

	<div id="box">
        <p>第一个</p>
        <p>第二个</p>
        <div>第三个</div>
    </div>
    <script>
        var a = document.getElementById("box");
        //查询有几个子节点
        console.log(a.childNodes.length);
        //查询第一个节点是什么，从0开始索引
        console.log(a.childNodes[1]);
        //查询父元素第一个子节点
        console.log(a.firstChild);
        //查询父元素最后一个子节点
        console.log(a.lastChild);
        //查询父节点
        console.log(a.lastChild.parentNode);
        //查询上一个同级兄弟节点
        console.log(a.lastChild.previousSibling);
        //查询下一个同级兄弟节点
        console.log(a.firstChild.nextSibling);
    </script>