获取DOM:
document:
document.getElementById('id') 根据元素的id属性值获取单个节点
document.getElementsByName('name') 根据元素的name值获取节点列表
document.getElementsByTagName('tag') 根据元素的标签获取节点列表
节点指针:
父节点.firstChild 获取元素的的第一个子节点
父节点.lastChild 获取元素的最后一个子节点
父节点.childNodes 获取元素的子节点列表
.previousSibling 获取已知节点的前一个兄弟节点
.nextSibling 获取已知节点的下一个兄弟节点
parentNode 获取已知节点的父节点
========================================================================================================
操作DOM
创建节点:
document.createElement(元素标签) 创建元素节点
document.createAttribute(元素属性) 创建属性节点
document.createTextNode(文本内容)创建文本节点
插入节点:
appendChild(所添加的新节点) 向节点的末尾添加新的子节点(新节点位于节点的内部末尾)
insertBefore(所要添加的新节点,已知节点) 在已知的节点前插入新的节点(新节点和已经节点是兄弟关系)
替换节点:
replaceChild(要插入的新元素,要替换的老元素) 将某个子节点替换为另一个
复制节点:
cloneNode 需要被复制的节点.cloneNode(true/false) 创建指定节点的副本 参数true 复制当前节点及其所有子节点 false 仅辅助当前节点
删除节点:
removeChild(要删除的节点) 删除指定的节点
=======================================================================================================
属性操作:
获取属性: .getAttribute(元素名称) 获取节点中指定属性的属性值
设置属性: .setAttribute(属性名,属性值) 创建或改变元素节点的属性
删除属性: .removeAttribute(属性名) 删除元素中的指定属性
=======================================================================================================
文本操作:
insertData(offset,string) 从offset指定的位置插入string
appendData(string) 将string插入到文本节点的末尾处
deleteData(offset,count) 从offset起删除count个字符
replaceDate(off,count,string) 从off起将count个字符用string代替
splitDate(offset) 从offset起将文本节点分成两个节点
substring(offset,count) 返回由offset起的count个节点