1、创建节点:
创建一个新的元素节点:createElement() 【 reference=document.createElement(element) 】
创建一个新的文本节点:createTextNode() 【 reference=document.createTextNode(text) 】
2、复制节点:cloneNode() 【 reference=node.cloneNode(deep) //该方法的参数deep取值只能为true/false,表示是否把复制节点的子节点一同复制到新建的节点中去】
3、插入节点:
给给定元素追加一个子节点
appendChild() 【 reference=element.appendChild(newChild) //newChild将成为element元素节点的最后一个节点】
将一个给定节点插入到一个给定元素节点的给定子节点前面
insertBefore() 【 reference=element.insertBefore(newNode,targetNode)】
4、删除节点: removeChild() 【 reference=element.removeChild(node) //从给定的元素节点里删除一个子节点】
5、替换节点: replaceChild() 【 reference=element.replaceChild(newChild,oldChild) //把一个给定父元素里的一个子节点替换为另一个节点】
6、处理节点:
7、查找节点:
getAttribute() 【 attributeValue=element.getAttribute(attributeName) //返回一个给定元素的一个给定属性节点的值】
getElementById() 【 element=document.getElementById(ID) //寻找一个给定ID属性值的元素】
getElementsByTagName() 【 elements=document.getElementsByTagName(tagName) //寻找有着给定标签名的所有元素,返回一个集合】
hasChildNodes 【 booleanValue=element.hasChildNodes //检查一个给定元素是否有子节点,文本节点和属性节点都不可能再包含任何子节点】
8、节点的属性: 文档里的每个节点都有以下属性
nodeName 是一个只读属性 【name=node.nodeName // 元素节点返回元素名字,属性节点返回属性名字,文本节点返回字符串 #text 】
nodeType 代表给定节点的类型 【integer=node.nodeType //nodeType有12种可取值 】
nodeValue 代表给定节点的当前值 【 value=node.nodeValue //该属性将返回一个字符串,属性节点返回这个属性的值,文本节点返回这个文本节点的内容,元素节点返回 null】
9、遍历节点树:
childNodes属性,返回一个由给定元素节点的子节点构成的数组:nodeList=node.childNodes,子节点个数:node.childNodes.length,只读属性
firstChild属性,返回一个给定元素节点的第一个子节点:reference=node.firstChild等价于reference=node.childNodes[0],只读属性
lastChild属性,返回一个给定元素节点的最后一个子节点:reference=node.lastChild等价于reference=node.childNodes[node.childNodes.length-1],只读属性
nextSibling属性,返回一个给定节点的下一个节点:reference=node.nextSibling,只读属性
parentNode属性,返回一个给定节点的父节点:reference=node.parentNode,parentNode属性返回的节点永远都是一个元素节点,因为只有元素节点才可能包含子节点除 document节点,只读属性
previousSibling属性,返回一个给定节点的前一个子节点:reference=node.previousSibling,只读属性