DOM操作（增删改查）

增：

createElement(标签名)

创建元素节点

setAttribte(name,value)

直接设置属性

appendChild()

拼接节点

insertBefore(new,old)

插入节点

删：

removeChild();

删除子节点

removeAttributeNode()

删除属性节点

改：

replaceChild(new,old)

替换节点（需要父级来调用）

setAttribte(name,value)

修改属性值

查（获取元素）：

getElementById()

通过id名获取元素（返回匹配元素）

getElementsByTagName()

通过标签名获取元素（返回类数组集合）

getElementsByClassName()

通过class名获取元素（返回类数组集合）

getElementsByName()

通过表单的name名获取元素（返回类数组集合）

querySelector()

通过css选择器获取元素（返回匹配元素）

querySelectorAll()

通过css选择器获取元素（返回匹配元素）

nextElementSibling

获取下一个兄弟节点

previousElementSibling

获取上一个兄弟节点

parentNode

获取父级节点

获取节点后操作

1.通过点语法调用标签属性

2.通过style属性控制样式

3.通过classList 控制样式：

        add(class1,class2....) 添加类名

        remove(class1,class2....) 删除类名

        replace(oldClass,newClass) 替换类名

        contains(class) 是否包含某个类名，返回布尔值

        toggle(class,ture/false)       如果类名存在就删除，不存在就添加，第二个参数代表强制，ture添加，false删除