JavaScript DOM操作

创建节点

1.createElemet()            按照给定的标签名创建一个新的元素节点，返回值是指向这个元素节点的引用指针#reference = document.createElement(element);其中reference指向一个元素节点，所以    reference.nodeType=1    reference.noteName=element注意：用createElement()方法创建的新元素不会自动添加到文档里。如果新节点没有nodeParent属性,则它只是存在于JavaScript上下文里的DocumentGragment对象。如果想把这个DocumentGragment对象添加到文档中，则需要使用appendChild()或insertBefore()或replaceChild()等方法。2.createTextNode()      创建一个包含着给定文本的新文本节点，这个方法返回的是指向新建文件节点的引用指针：reference = document.createTextNode(content)所以:    refrence.nodeType=3    refrence.nodeValue=content    refence.nodeName=#text同理要使用appendChild()、insertBefore()、replaceChild(),将文本节点添加至文档树

复制节点

1.cloneNode()cloneNode()方法为给定节点创建一个副本，返回值是指向这个副本的引用指针reference=node.cloneNode(deep)  deep是一个布尔类型参数,决定是否要把复制节点的子节点也一同复制到新建节点里去。如果这个参数是false,新节点将不包含任何子节点————若被复制节点是一个元素节点，这意味着包含在被复制节点里的所有文本将不会被复制(那些文本是一个子节点),但属性节点会被复制。实例：var para=document.createElement("p");var message=document.createTextNode("hello world");para.appendChild(message);document.body.appendChild(para);var newpara=para.cloneNode(true);document.body.appendChild(newpara);注意:如果被复制元素有一个独一无二的id属性,千万不要忘记复制出来的新元素的id属性值要进行修改。在同一文档中,不同元素的id值,必须各不相同。

插入节点

1.appendChild()     给元素节点追加一个子节点2.insertBefore(newNode,targetNode)  把一个给定元素节点插入到目标子节点的前面

删除节点

removeChild()       删除给定元素里的一个子节点,返回值是指向已被删除的子节点的引用指针

替换节点

replaceChild()  把给定父元素里的一个子节点替换成另外一个节点reference = element.replaceChild(newChild,oldChild);

设置节点属性

setAttribute()element.setAttribute(attribute,attributevalue);属性的名字和值以字符串的形式传递，如果属性已存在则覆盖，不存在则先创建在为其复制。setAttribute()只能用于属性节点上。

查找节点

1.getAttribute()attributeValue=element.getAttribute(attributeName),返回指定属性值2.getElementsByTagName()    返回一个节点数组,或null3.hasChildNodes()       检查一个给定元素是否有子节点(属性节点不是子节点)

DOM属性

节点属性:    nodeName    nodeType    nodeValue遍历节点树:    childNodes    firstChild    lastChild    nextSibling    parentNode    previousSibling