DOM的一些方法和属性

一

1、getElementById()方法

2、getElementsByTagName()方法

3、getAttribute()方法

4、setAttribute()方法

二

1、childNodes属性：返回一个数组，这个数组包含给定元素节点的全体子元素。空格和换行符都会被解释为节点，而它们也全部包含childNodes属性所返回的数组中。

2、nodeType属性：元素节点——1，属性节点——2，文本节点——3.

3、nodeValue属性：检索和设置节点的值。

4、firstChild和lastChild属性：访问childNodes[]数组的第一个元素。

三

1、innerHTML属性

2、createElement()方法：常见元素节点

3、createTextNode()方法：创建文本节点

4、appendChild()方法:例如,para.appendChild(txt)

5、insertBefore（）方法：该方法将把一个新元素插入到一个现有元素的前面。parentElement.insertBefore(newElement,targetElement) 例如，gallery.parentNode.insertBefore(place,gallery)

6、编写insertAfter()方法

function insertAfter(newElement,targetElement){
  var parent = targetElement.parentNode;
  if(parent.lastChild == targetElement){
    parent.appendChild(newElement);
  }else{
    parent.insertBefore(newElement,targetElement.nextSibling);
}

四，综合

1、创建节点：

createElement()    

createTextNode()

2、克隆节点：

cloneNode():reference = node.cloneNode(true)

3、插入节点：

appendChild()

insertBefore()

4、删除节点：

removeChild():element.removeChild(node)

5、替换节点：

replaceChild():reference = element.replaceChild(newChild,oldChild)，oldChild节点必须是element元素的一个子节点。它返回值是一个指向已被替换的那个子节点的引用指针。

6、设置属性节点：

setAttrbute():element.setAttrbute(attributeName,attributeValue)

7、查找结点：

getAttribute()

getElementById()

getElementsByTagName()

hasChildNodes:booleanValue = element.hasChildNodes。这个方法将返回一个布尔值true或false。如果给定元素有子节点，hasChildNodes方法将返回true。

8、节点属性

nodeName

nodeType

nodeValue

9、遍历节点数

childNodes

firstChild

lastChild

nextSibling

parentNode

previousSibling