操作DOM元素样式\内容

节点操作
　　获取节点: 获取到页面上的某一个节点
1. getElementById()
2. getElementsByClassName()
3. getElementsByTagName()
4. getElementsByName()
5. querySelector()
6. querySelectorAll()
=> 专门获取节点(包含单不限于元素节点)
1. children 子元素
2. childNodes 子节点
3. firstChild 第一个子节点
4. firstElementChild 第一个子元素(会获取节点)
5. lastChild 最后一个子节点
6. lastElementChild 最后一个子元素
7. previousSibling 上一个兄弟节点
8. previousElementSibling 上一个兄弟元素(会获取节点)
9. nextSibling 下一个兄弟节点
10. nextElementSibling 下一个兄弟元素
11. parentNode 父节点
12. parentElement 父元素

13. attributes

=> 语法: 节点.attributes

=> 得到: 该节点的所有属性节点

+ 创建节点: 创建出一个节点
1. createElement()
2. createTextNode()
3. createDocumentFragment()----盛放表单的筐
+ 插入节点: 把已经创建出来的节点放在另一个节点内容
1. appendChild()
2. insertBefore()
+ 删除节点: 删除一个已经存在的节点
1. removeChild()
2. remove()
+ 替换节点: 用一个节点换下另一个节点
1. replaceChild(换上节点, 换下节点)
+ 克隆节点: 把一个节点复制一份一模一样的
1. cloneNode()
=> 参数默认是 false 表示不克隆后代节点
=> 参数选填是 true 表示克隆后代节点