dom节点

parentNode 返回节点的父节点

childNodes 返回子节点集合 只返回子节点 如果存在空格或者换行 也会被算成一个子节点

   let div = document.querySelector('div');
        
        let c = div.childNodes;
        console.log(c);
        c[1].style.background = 'red'
        c[1].style.fontSize = '20px'

        c[3].style.background = 'green'
        
        c[5].style.width = '200px'
        c[5].style.height = '100px'
        c[5].style.background = 'blue'

firstChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点

lastChild 返回节点的最后一个子节点

nextSibling 下一个节点

previousSibling 上一个节点

firstElementChild 返回节点的第一个子节点 firstElementChild和firstChild的区别是 忽略空格和换行直接获取元素节点 中间带Element的选择节点属性也是忽略空格和换行直接获取元素节点

lastElementChild 返回节点的最后一个子节点

nextElementSibling 下一个节点

previousElementSibling 上一个节点