DOM方法和属性汇总

来源:互联网 发布:交友软件有哪些 编辑:程序博客网 时间:2024/05/17 17:54

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,只读属性

     


原创粉丝点击