jQueryDOM节点操作

1.是JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面
创建流程比较简单，大体如下：
创建节点(常见的：元素、属性和文本)
添加节点的一些属性
加入到文档中
流程中涉及的一点方法：
创建元素：document.createElement
设置属性：setAttribute
添加文本：innerHTML
加入文档：appendChild

节点：
节点Node，是构成网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点
比如：html标签、属性、文本、注释、整个文档等都是一个节点
虽然都是节点，但是实际上他们的具体类型是不同的
比如：标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点
节点的类型不同，属性和方法也都不尽相同。

节点：Node——构成HTML文档最基本的单元。
常用节点分为四类
	 文档节点：整个HTML文档
	 元素节点：HTML文档中的HTML标签
	 属性节点：元素的属性
	 文本节点：HTML标签中的文本内容

节点的属性：nodeName节点名称 nodeType 节点类型 nodeValue节点的值

文档节点（docment）
      文档节点docment，代表的是整个HTML文档，网页中的所有节带点是它的子节点。              
  代码:  console.log(docment)  获取整个HTML文档                           

docment对象作为window对象的属性存在的，不用获取可以直接使用
通过该对象可以在整个文档访问内查找节点对象，并可以通过该对象创建各种节点对象
代码： console.log(docment.document)
document.getElementById(“demo”); 通过这种方式获取子节点
document.createElement(“p”); 通过这种创建节点

节点操作：
获取元素节点
通过document对象调用
getElementById() 通过id属性获取一个元素节点对象
getElementsByTagName() 通过标签名获取一组元素节点对象
getElementsByName() 通过name属性获取一组元素节点对象
getElementsByClassName() 通过标类名获取一组元素节点对象，该方法不支持IE8及以下版本

节点的修改
这里的修改我们主要指对元素节点的操作
 创建节点
 document.createElement("标签名")
•删除节点
 父节点.removeChild(子节点)
 替换节点
 父节点.replaceChild(新节点 , 旧节点)
 插入节点
 父节点.appendChild(子节点)
 父节点.insertBefore(新节点 , 旧节点)