DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

document.documentElement-----文档的根节点
document.body------
当前对象为node表示  
node.parentNode, node.parendElement ----父节点 
node.childNodes（包含文本节点及标签节点）,node.children -----所有子节点
node.firstChild ------第一个子节点
node.lastChild ------最后一个子节点
node.nextSibling -------同属上一个子节点
node.previousSibling ---------同属下一个子节点
parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准
childNodes返回指定元素的子元素集合，包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。
for(let i=0, len=parent.childNodes.length;i

测试childNodes和children

    

        

            前
            

                children1
            
            后
            

                children2
            
        
        

            2
            

                22
            
            222
            

                22