版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/SevenGirl2017/article/details/82769011
获取节点
document
getElementById:通过元素ID获取节点
getElementsByName:通过元素的name属性获取节点
getElementsByTagName:通过元素标签获取节点
//具体用法
document.getElementById(元素ID)
document.getElementsByName(元素name属性)
document.getElementsByTagName(元素标签)
节点指针
firstChild:获取元素的首个子节点
lastChild:获取元素的最后一个子节点
childNodes:获取元素的子节点列表
previousSibling:获取已知节点的前一个节点
nextSibling:获取已知节点的后一个节点
//具体示例
父节点.firstChild
父节点.lastChild
节点操作
创建
document.createElement(元素标签)
document.createAttribute(元素属性)
document.createTextNode(文本内容)
插入
appendChild(所添加的新节点)
insertBefore(所要添加的新节点,已知子节点)
替换
replaceChild(要插入的新元素,将被替换的老元素)
复制
需要被复制的节点.cloneNode(true/false)
//true:复制当前节点及其所有子节点
//false:仅复制当前节点
删除
removeChild(要删除的节点)
属性操作
获取
元素节点.getAttribute(元素属性名)
设置
元素节点.setAttribute(属性名,属性值)
删除
元素节点.removeAttribute(属性名)
文本操作
insertData(offset,String);//从offset指定位置插入string
appendData(string);//将string插入到文本节点的末尾处
deleteData(offset,count);//从offset起删除count个字符
splitData(offset);//从offset起将文本节点分成两个节点