JS文档对象模型操作总结

定义：文档对象模型DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法。DOM
将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

一、获取节点
document.getElementById
语法：document.getElementById(元素ID)；
功能：通过元素ID获取节点

document.getElementsByName
语法：document.getElementsByName(元素name属性)
功能：通过元素的name属性获取节点

document.getElementsByTagName()
语法：document.getElementsByTagName(元素标签)
功能：通过元素名获取节点

节点指针
firstChild
语法：父节点.firstChild
功能：获取元素的首个子节点

lastChild
语法：父节点.lastChild
功能：获取元素的最后一个子节点

childNodes
语法：父节点.childNodes
功能：获取元素子节点列表

previousSibling
语法：兄弟节点.previousSibling
功能：获取已知节点的上一个节点

nextSibling
语法：兄弟节点.nextSibling
功能：获取已知节点的下一个节点

parentNode
语法：子节点.parentNode
功能：获取已知节点的父节点

二、操作节点
创建节点
createElement
语法：document.createElement(元素标签)
功能：创建元素节点

createAttribute
语法：document.createAttribute(元素属性)
功能：创建属性节点

createTextNode
语法：document.createTextNode(文本内容)
功能：创建文本节点

插入节点
appendChild
语法：appendChild(添加的新节点)
功能：向节点的子节点列表的末尾添加新的子节点

inaertBefore
语法：insertBefore(要添加的新节点,已知节点)
功能：在已知的节点前插入新的节点

替换节点
replaceChild
语法：replaceChild(要插入的新元素，将被替换的老元素)
功能：将某个子节点替换为另一个

复制节点
cloneNode
语法：需要复制的节点.cloneNode(true/false)
功能：创建指定节点副本
参数：true复制当前节点及其子节点
false紧复制当前节点

删除节点
removeChild
语法：removeChild(要删除的节点)
功能：删除指定节点

三、操作属性
获取属性getAttribute
语法：元素节点.getAttribute(元素属性名)
功能：获取元素节点中指定属性的属性值

设置属性setAttribute
语法：元素节点.setAttribute(属性名,属性值)
功能：创建或改变元素节点的属性

删除属性
语法：元素节点.removeAttribute(属性名)
功能：删除元素中指定属性

四、文本操作
insertData(offset,String)从offset指定的位置插入string
appendData(string)将string插入到文本节点的末尾处
deleteData(offset,count)从offset起删除count个字符
replaceData(off,count,string)从off将cuont个字符用string替换
splitData(offset)从offset起将文本节点分成两个节点
substring(offset,count)返回由offset起的count个节点