01
1.訪問節點
02
document.getElementById(id);
03
返回對擁有指定id的第一個對象進行訪問
04
05
document.getElementsByName(name);
06
返回帶有指定名稱的節點集合
07
註意:Elements
08
09
document.getElementsByTagName(tagname);
10
返回帶有指定標簽名的對象集合
11
註意：Elements
12
13
document.getElementsByClassName(classname);
14
返回帶有指定class名稱的對象集合
15
註意：Elements
16
17
2.生成節點
18
document.createElement(eName);
19
創建一個節點
20
21
document.createAttribute(attrName);
22
對某個節點創建屬性
23
24
document.createTextNode(text);
25
創建文本節點
26
27
3.添加節點
28
document.insertBefore(newNode,referenceChild);
29
在某個節點前插入節點
30
31
parentNode.appendChild(newNode);
32
給某個節點添加子節點
33
34
4.復制節點
35
cloneNode(true | false);
36
復制某個節點
37
參數：是否復制原節點的所有屬性
38
39
5.刪除節點
40
parentNode.removeChild(node)
41
刪除某個節點的子節點
42
node是要刪除的節點
43
註意：IE會忽略節點間生成的空白文本節點(例如，換行符號)，而Mozilla不會這樣做。在刪除指定節點的時候不會出錯，但是如果要刪除最後一個子結點或者是第一個子結點的時候，就會出現問題。這時候，就需要用一個函數來判斷首個子結點的節點類型。
44
元素節點的節點類型是 1，因此如果首個子節點不是一個元素節點，它就會移至下一個節點，然後繼續檢查此節點是否為元素節點。整個過程會一直持續到首個元素子節點被找到為止。通過這個方法，我們就可以在 Internet Explorer 和 Mozilla 得到正確的方法。
45
46
6.修改文本節點
47
appendData(data);
48
將data加到文本節點後面
49
50
deleteData(start,length);
51
將從start處刪除length個字符
52
53
insertData(start,data)
54
在start處插入字符,start的開始值是0;
55
56
replaceData(start,length,data)
57
在start處用data替換length個字符
58
59
splitData(offset)
60
在offset處分割文本節點
61
62
substringData(start,length)
63
從start處提取length個字符
64
65
7.屬性操作
66
getAttribute(name)
67
通過屬性名稱獲取某個節點屬性的值
68
69
setAttribute(name,value);
70
修改某個節點屬性的值
71
72
removeAttribute(name)
73
刪除某個屬性
74
75
8.查找節點
76
parentObj.firstChild
77
如果節點為已知節點的第一個子節點就可以使用這個方法。此方法可以遞歸進行使用
78
parentObj.firstChild.firstChild…..
79
80
parentObj.lastChild
81
獲得一個節點的最後一個節點，與firstChild一樣也可以進行遞歸使用
82
parentObj.lastChild.lastChild…..
83
84
parentObj.childNodes
85
獲得節點的所有子節點，然後通過循環和索引找到目標節點
86
87
9.獲取相鄰的節點
88
neborNode.previousSibling :獲取已知節點的相鄰的上一個節點
89
nerbourNode.nextSlbling: 獲取已知節點的下一個節點
90
91
10.獲取父節點
92
childNode.parentNode:得到已知節點的父節點
摘自 OO&&XX
