获取节点
// document// methoddocument.getElementById("id"); 通过元素的ID获取节点document.getElementByName("name属性") 通过元素的name属性获取节点document.getElementByTagName("元素标签") 通过元素标签获取节点// 高级浏览器还支持的方法document.getEmelentByClassName("类名") 通过元素的类名获取节点document.querySelector()document.querySelectorAll()// 节点指针父节点.firstChild 元素的首个子节点父节点.lastChild 元素的最后一个子节点父节点.childNodes 子节点列表兄弟节点.previousSibling 获取已知节点的前一个节点兄弟节点.nextSibling 获取已知节点的后一个节点子节点.parentNode 获取节点的父节点//
节点操作
// 创建节点document.createElement("元素标签") 创建元素节点document.createAttribute("元素属性") 创建属性节点document.createTextNode("文本内容") 创建文本节点 // 插入节点appendChild("所添加的新节点") 向节点的字节列表的末尾天剑新的子节点insertBefore("所要添加的新节点",“已知字节点”) 在已知的子节点前插入一个新的子节点// 替换节点replaceChild("要插入的新元素",“将要替换的老元素”) 将某一个子节点替换为另外一个// 复制节点被复制的节点.cloneNode(true/false) 创建指定节点的副本 true:复制当前节点和所有子节点, false:复制当前节点。// 删除节点removeChild(要删除的节点) 删除指定的节点
属性操作
// 获取属性元素节点.getAttribute("元素属性名") 获取元素节点中指定属性的属性值// 设置属性元素节点.setAttribute("属性名","属性值") 创建或者改变元素节点的属性// 删除属性元素节点.removeAttribute("属性名") 删除元素中的指定属性
文本操作
// 文本操作insertData(offset,string) 从offset指定的位置插入stringappendData(string) 将string插入到文本节点的末尾deleteData(offset, count) 从offset起删除count个字符replaceData(off,count,string) 从offset将count个字符用string替换splitData(offset) 从offset起将文本节点分成两个节点substring(offset,count) 返回由offset起的count个节点