APIS中不同类型的节点，以及节点的增、删、查的实现

在开始之前，我们需要先知道，节点是什么？有什么用？

节点

含义：dom树的每一个内容都称之为节点

分类

• 元素节点

  • 父节点

    • parentNode

  • 子节点

    • childNode

      • 获取父元素的所有子节点，包含文本节点（如换行），注释节点和标签元素节点

    • children

      • 只查找元素节点，不含好文本和注释内容，所以更加常用
      • 重点注意点：不能使用 foreach 遍历，只能只能只能用 for 循环来遍历

  • 兄弟节点

    • previousElementSibling：查找上一个兄弟元素节点
    • previousSibling：查找上一个兄弟节点，包含所有节点(注释，文本)--开发中不常用
    • nextElementSibling：查找下一个兄弟元素节点
    • nextSibling：查找下一个兄弟节点，包含所有节点(注释，文本)--开发中不常用

  • 增加节点

    • 创建节点

      • document.createElement('选择器')

    • 从前面增加节点

      • parent.insertBofore(child, refChild)

        • 父元素.insertBofore(子元素, 子元素参照物)

      • 将child元素添加到ref，Child的前面去. ref是指相对引用参照

    • 从后面追加节点

      • parent.appendChild(child)
      • 将child的元素添加到parent元素里面去(最后面)

  • 克隆节点（也叫做复制节点）

    -语法： 模板元素.cloneNode(布尔值)

      - 布尔值：false，是默认值，是浅拷贝：只拷贝元素的结构，内容不拷贝
      - 布尔值：true，深拷贝：拷贝元素结构以及内容
    

  • 删除节点

    • parent.removeChild(child)--父元素中删除子元素
    • ele.remove() 可以删除元素本身
    • arr.splice（index，howmany）--（这是当删除的是一个数组中的某一个子元素/子对象的时候，可通过此种方式删除。）

  • 时间节点

    • let date = new Date ()

    • 年

      • let year = Date.getFullyear ()

    • 月

      • let month = Date.getMonth ()+1

        • 特殊：取值从0-11，所以后面需要多加1，才是我们真正的1-12月

    • 日

      • let day = Date.getDate () - 特殊注意：这里的天不是用day，而是用date。

    • 时

      • let hour = Date.getHours ()

    • 分

      • let minute = Date.getMiutes ()

    • 秒

      • let second = Date.getSeconds ()

    • 星期

      • let week = Date.getDate ()

        • 特殊：取值从0-6，周天是一周的第一天开始，所以是第0天

  • 时间戳

    • let date = new Date('2000-1-1')

        - 查询到 1970年01月01日00时00分00秒起 至 括号中的指定时间 的毫秒数
      

    • let date = +new Date('2000-1-1')

        - 查询到 1970年01月01日00时00分00秒起 至 括号中的指定时间 的毫秒数
      

    • let date = Date.now()

        - 查询到 1970年01月01日00时00分00秒起 至 现在此刻 的毫秒数
        
      

XMind - Trial Version