JS获取节点

获取节点：
    +包括两种
    1. 获取元素节点
        1-1. 非常规标签
            => html
            => body
            => head        
                    1-2. 常规标签
                        => getElementById() 
            => getElementsByClassName()
            => getElementsByTgaName()
            => getElementsByName()
            => querySelector()
            => querySelectorAll()
    2. 获取节点（包括但不限于元素节点）
        2-1. childNodes
            => 语法：父节点.childNodes
            => 得到:   是一个伪数组，内部包含该父节点下的所有 子一级  节点
        2-2. children
            => 语法： 父节点.children
            => 得到： 是一个伪数组，内部包含该父节点下的所有 子一级  元素节点
        2-3. firstChild
            => 语法:    父节点.firstChild
            => 得到：  该父节点下的第一个 子节点
        2-4. firstElementChild
            => 语法：   父节点.firstElementChild
            => 得到：   该父节点下的第一个 子  元素节点
        2-5. lastChild
            => 语法：  父节点.lastChild
            => 得到：  该父节点下的最后一个  子节点    
        2-6. lastElementChild
            => 语法：  父节点.lastElementChild
            => 语法：  该父节点下的最后一个子 元素节点
        2-7. previouSibing
            => 语法：  节点. previoSibing
            => 得到：  该节点的上一个 兄弟 节点
        2-8. previousElementSibing
            => 语法：  节点.previousElementSibing
            => 得到：  该节点的上一个 兄弟 元素节点