原始js操作html元素

父级元素：
      元素.parentNode

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

原始js操作html元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

父级元素：
      元素.parentNode

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

原始js操作html元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

父级元素：
      元素.parentNode

原始js操作html元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

父级元素：
      元素.parentNode

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

原始js操作html元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

父级元素：
      元素.parentNode

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

原始js操作html元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

父级元素：
      元素.parentNode

原始js操作html元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

父级元素：
      元素.parentNode

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

原始js操作html元素

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

父级元素：
      元素.parentNode

原始js操作html元素

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

父级元素：
      元素.parentNode

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

原始js操作html元素

删除、替换、插入元素：
      父级.removeChild(要删除的元素);       删除子元素 （通过父级删除子集）
      父级.replaceChild(新节点，被替换的子节点)       替换子节点
      父级.appendChild(要添加的元素)       追加子元素
      父级.insertBefore(新的元素，被插入的元素)       在指定子元素前面插入一个新元素

父级元素：
      元素.parentNode

兄弟元素：
      元素.nextElementSibling || 元素.nextSibling       （只读）下一个兄弟节点
      元素.previousElementSibling || 元素.previousSibling       （只读）上一个兄弟节点

子级元素：
      元素.children
      元素.firstElementChild || 元素.firstChild：       （只读）第一个子节点
      元素.lastElementChild || 元素.lastChild