创建DOM节点
document.createElement('标签')
插入DOM节点
父标签.appendChild(指定的节点)
将指定的节点插入目标父元素中
只能插入被document.getElementByid()创建的节点
获取下一个兄弟节点
nextSibling()
这个方法是获取兄弟节点，而不是兄弟标签节点，文本（空格和换行），注释等等，都算是节点
获取下一个兄弟标签节点
nextElementSibling()
可以直接获取下一个标签，会直接忽略掉中间的文本
获取上一个兄弟节点
previousSibling()
获取的事兄弟节点，也包括文本，不一定是标签节点
获取上一个兄弟标签节点
previousElementSibling()
直接获取标签，会忽略掉中间的文本
获取最后一个/第一个子节点
lastChild() / firstChild()
获取的事最后一个/第一个子节点，也包括文本节点，不一定是标签节点
获取最后一个/第一个标签节点
lastElementChild() / firstElementChild()
获取的是最后一个/第一个子节点，不包括文本节点
获取所有的子节点
childNodes()
获取到的节点，包括文本，会将所有节点以伪数组的形式返回出来
获取所有子标签节点
children()
获取所有的标签节点，不包括文本，会将所有的节点以伪数组的形式返回出来
获取父节点
parentNode()
可以获取到父节点的整个结构，包括父节点内的子元素
删除子节点
父节点.removeChild('子节点')
删除节点
节点.remove()
修改DOM节点
父节点.replaceChild(新节点,旧节点)
使用新节点换掉父节点
修改标签属性
给标签加上id属性
标签.id = 'id名'
给标签加上class属性
标签.className = 'class名'
将一个标签添加到另一个标签中
父标签.appendChild(要添加的标签)