【js节点】

节点的特征:
节点的类型：nodeType
节点的名称：nodeName
节点的值：nodeValue
节点包括
1.document
nodeType：9
nodeNmae：document
nodeValue：null
2.标签 （元素）
nodeType:1
nodeName:大写的标签名
nodeValue:null
3.属性
getAttributeNode(‘属性名’)获取元素的属性节点
nodeType: 2
nodeNmae:属性名
nodeValue:属性值
4.文本
元素的第一个子节点就是文本节点 firstChild
nodeType:3
nodeName:#text
nodeValue:内容

    //  节点之间的关系
    //  1. 父节点  parentNode
    console.log(li3.parentNode);
    //  2. 父元素节点  parentElement
    console.log(li3.parentElement);
    /*
    相同点：都是父元素
    不同点：parentNode  html的父元素是   #document
            parentElement   html的父元素   null
    */
    //  3. 子节点  childNodes    子元素标签   文本节点   注释节点
    console.log(list.childNodes);
    //  4. 子元素节点  children   子元素标签
    console.log(list.children);
    // 5. 第一个子节点   firstChild   文本节点
    console.log(list.firstChild);
    // 6. 第一个子元素节点   firstElementChild   元素节点
    console.log(list.firstElementChild);
    // 7.  最后一个子节点  lastChild   文本
    console.log(list.lastChild);
    // 8.  最后一个子元素节点   lastElementChild   元素节点
    console.log(list.lastElementChild);
    // 9.  上一个子节点  previousSibling   文本
    console.log(list.previousSibling);
    // 10.  上一个子元素节点  previouElementSibling   元素节点
    console.log(list.previousElementSibling);
    // 11.  下一个子节点  nextSibling   文本
    console.log(li3.nextSibling);
    // 12.  下一个子元素节点  nextElementSibling   元素节点
    console.log(li3.nextElementSibling);