DOM操作整合

一、获取节点

document

1. document.getElementById(元素ID)
   通过元素ID获取节点

2. document.getElementsByName(元素)
   通过name属性获取节点

3. document.getElementsByTagName(元素标签)
   通过元素标签获取节点

节点指针

1. 父元素.firstChild
   获取元素的首个子节点

2. 父节点.lastChild
   获取元素的最后一个子节点

3. 父节点.childNode
   获取元素节点的子节点列表

4. 兄弟节点.previousSibling
   获取已知节点的前一个节点

5. 兄弟节点.nextSibling
   获取已知节点的后一个节点

6. 子节点.parentNode
   获取已知节点的父节点

二、节点操作

创建节点

1. document.createElement(元素标签)
   创建元素节点

2. document.createAttribute(元素属性)
   创建属性节点

3. document.createTextNode(文本内容)
   创建文本节点

插入节点

1. appendChild(所添加的新节点)
   向节点的子节点列表的末尾添加新的子节点

2. insertBefore(所要添加的新节点,已知子节点)
   在已知的子节点前插入一个新的子节点

替换节点

1. replaceChild(要插入的新元素,将被替换的老元素)
   将某个子节点替换为另一个

复制节点

1, 需要被复制的节点.cloneNode(true/false)
创建指定节点的副本
有两个参数true为复制当前节点及其所有子节点 false仅复制当前节点

删除节点

1. removeChild(要删除的节点）
   删除指定的节点

三、属性操作

获取属性

1. 元素节点.getAttribute(元素属性名)
   获取元素节点中指定属性的属性值

设置属性

1. 元素节点.setAttribute(属性名,属性值)
   创建改变元素节点的属性

删除属性

1.元素节点.removeAttribute(属性名)
删除元素中的指定属性

四、文本操作

1. insertData(offset,String) 从offset指定的位置插入string
2. appendData(string) 将string插入到文本节点的末尾处
3. deleteDate(offset,count)从offset起删除count个字符
4. replaceData(off,count,string)从off将count个字符用string替代
5. splitData(offset)从offset起将文本节点分成两个节点
6. substring(offset,count)返回由offset起的count个节点