节点

节点：
元素节点 属性节点 文本节点 文档节点 注释节点
换行符也是一个节点

1.object.parentNode: 获取该元素父节点
2.object.childNodes: 获取对象所有的子节点
3. object.firstChild: 获取该元素第一个子节点
4. object.lastChild: 获取该元素最后一个子节点
5. object.nextSibling: 获取该下一个兄弟节点
6. object.previousSibling: 获取该元素上一个兄弟节点.
7.object.firstElementChild: 获取该元素第一个元素节点
增加节点：appendchild
删除节点：removechild
改变节点：replacechild
查（获取）

Node属性
节点 nodeType(节点类型) nodeName(节点名) nodeValue(节点值)
元素 1 TagName null
属性 2 attr 属性值
文本 3 #text 文本值
注释 8 #comment 注释文字
文档 9 #document null
只要是元素节点。所以值都会为空。

新增节点：
1.新建一个元素 createElement
2.新建文本 createTextNode
3.在元素中新增文本 appendchild
4.找到一个已有的元素 BYId("")
5.新增一个标签
eg:
var c=document.createElement("p"); 新增元素
var b=document.createTextNode("我是学生"); 新增文本
c.appendChild(b); //结合成标签 必须向 <p> 元素追加文本节点
var a=document.getElementById("ul1"); 获取一个已有的元素
a.appendChild(c); 向这个已存在的元素追加新元素

删除节点：
1.找父元素 BYId去找
2.找要删的元素 BYId去找
3.执行删除 removechild
eg:
var e=document.getElementById("ul1");
var i=document.getElementById("li3");
e.removeChild(i); 父节点里的li3子节点被删除，找到父节点在删除

或 li3.parentNode.removeChild(li3);

替换节点：
raplacechild(新，旧）
新原位置内容消失，旧的被新的替换

克隆节点：
cloneNode(可选） 属性及属性值

插入节点：
insertbefore(新节点，可选）
1.可获得一个元素
2,。创建新的节点。