節(jié)點(diǎn)的關(guān)系

  var box = document.getElementsByClassName('box')[0];
        var wrap = document.getElementsByClassName('wrapper')[0];
        var span = document.getElementById('span');
        var head =document.getElementsByTagName('head')[0];
        // console.log(head.parentNode)
        // 都識(shí)別空格
        // console.log(box.childNodes)//返回所有子元素 
        // console.log(box.firstChild) //獲取父元素里的第一個(gè)子元素 ，返回子元素及里面的內(nèi)容，不能有空格，有空格返回#text
        // console.log(box.lastChild.firstChild) //獲取父元素里的最后一個(gè)子元素 ，返回子元素及里面的內(nèi)容，不能有空格，有空格返回#text
         console.log(wrap.firstChild) // 如果該節(jié)點(diǎn)沒(méi)有子節(jié)點(diǎn)返回null
         console.log(wrap.lastChild)
        console.log(span.parentNode)//獲取父節(jié)點(diǎn)
         console.log(wrap.childNodes)//獲取所有子節(jié)點(diǎn)，找不到返回一個(gè)空數(shù)組
        // 不識(shí)別空格
         console.log(head.childElementCount)//返回子元素的個(gè)數(shù)（不包括節(jié)點(diǎn)和注釋）
         console.log(box.firstElementChild) //
         console.log(box.lastElementChild.lastElementChild) 
         console.log(wrap.firstElementChild) // 如果該節(jié)點(diǎn)沒(méi)有子節(jié)點(diǎn)返回null
         console.log(wrap.lastElementChild)
         console.log(span.parentNode)//獲取父節(jié)點(diǎn)
         console.log(wrap.childNodes)//獲取所有子節(jié)點(diǎn)，找不到返回一個(gè)空數(shù)組
         console.log(wrap.previousElementSibling)//獲取前一個(gè)同輩元素
         console.log(wrap.nextElementSibling)//獲取后一個(gè)同輩元素
         console.log(box.children)//返回所有子元素，返回一個(gè)數(shù)組，不識(shí)別空格
        
         var p = document.createElement('p');
        p.classList.add ('aa')//通過(guò)classList方法為元素添加類名，添加多個(gè)用逗號(hào)隔開(kāi)
        // p.classList.remove ('aa')//通過(guò)classList方法為元素刪除類名
       console.log( p.classList.contains ('aa'))//通過(guò)classList方法檢測(cè)該元素是否有這個(gè)類名，返回布爾值