Thirty-five DOM

1、一切皆对象

2、DOM操作

• 节点指针

  • firstChild

    • 语法——父节点.firstChild
    • 功能——获取元素的首个子节点

  • lastChild

    • 语法——父节点.lastChild
    • 功能——获取元素的最后一个子节点

  • childNodes

    • 语法——父节点.childNodes
    • 功能——获取元素的子节点列表

  • previousSibling

    • 语法——兄弟节点.previousSibling
    • 功能——获取已知节点的前一个节点

  • nextSibling

    • 语法——兄弟节点.nextSibling
    • 功能——获取已知节点的后一个节点

  • parentNode

    • 语法——子节点.parentNode
    • 功能——获取已知节点的父节点

• 节点操作

  • 创建节点

    • createElement

      • 语法——document.creatElement(元素标签)
      • 功能——创建元素节点

    • createAttribute

      • 语法——document.createAttribute(元素属性)
      • 功能——创建属性节点

    • createTextNode

      • 语法——document.createTextNode(文本内容)
      • 功能——创建文本节点

  • 插入节点

    • appendChild

      • 语法——appendChild(所添加的新节点)
      • 功能——向节点的子节点列表的末尾添加新的字节点

    • insertBefore

      • 语法——insertBefore(所要添加的新节点，已知子节点)
      • 功能——在已知的子节点前插入一个新的子节点

  • 替换节点

    • replaceChild

      • 语法——replaceChild(要插入的新元素，将被替换的老元素)
      • 功能——将某个子节点替换成另一个

  • 复制节点

    • cloneNode

      • 语法——需要被复制的节点.cloneNode(true/false)
      • 功能——创建指定节点的副本
      • 参数—— 
        • true——复制当前节点及所有子节点
        • false——仅负责当前节点

  • 删除节点

    • removeChild

      • 语法——removeChild(要删除的节点)
      • 功能——删除指定的节点

参考文档：https://www.cnblogs.com/QingFlye/p/4389724.html