JS DOM Node 介绍

1. Node往往被翻译为节点，在一个对象（可以简单的理解为是HTML页面中），一个属性name=\"aaa\"可以是一个节点，一个< div id=\"aaa\">……< /div>也可以是一个节点，在< body>……< /body>中的，也是一个大大的节点。下面是一些有关Node的属性和方法，并没有包含部分不兼容IE和FF内容的讲解。

2. Node的属性介绍：

3. nodeType：显示节点的类型

4. nodeName：显示节点的名称

5. nodeValue：显示节点的值

6. attributes：获取一个属性节点

7. firstChild：表示某一节点的第一个节点

8. lastChild：表示某一节点的最后一个子节点

9. childNodes：表示所在节点的所有子节点

10. parentNode：表示所在节点的父节点

11. nextSibling：紧挨着当前节点的下一个节点

12. previousSibling：紧挨着当前节点的上一个节点

13. ownerDocument：（不知）

14. Node有各种各样的节点，我们先花一些时间认识他们，同时一并了解nodeType，nodeName和nodeValue属性：

15. 名称：元素节点

16. nodeType：ELEMENT_NODE

17. nodeType值：1

18. nodeName：元素标记名

19. nodeValue：null

20.

21.

22.

23.

30. 名称：属性节点

31. nodeType：ATTRIBUTE_NODE

32. nodeType值：2

33. nodeName：属性名

34. nodeValue：属性值

35.

36.

37.

38.

45. 名称：文本节点

46. nodeType：TEXT_NODE

47. nodeType值：3

48. nodeName：#text

49. nodeValue：文本内容

50.

51.

52.

53.

60. 名称：CDATA文本节点（XML中传递文本的格式）

61. nodeType：CDATA_SECTION_NODE

62. nodeType值：4

63. nodeName：#cdata-section

. nodeValue：CDATA文本内容

65. （作者省略8个属性，需技术补充）

66. attributes属性，直接获取一个属性节点，注意这里要使用[]，保持IE和FF的兼容性。

67.

68.

69.

70.

76. firstChild和lastChild属性，表示某一节点的第一个和最后一个子节点：

77.

78.

79.

80.

86. childNodes和parentNode属性，表示所在节点的所有子节点和所在节点的父节点，这里的childNodes注意是一个数组：

87.

88.

.

90.

96. nextSibling和previousSibling属性，分别表示在parentNode的childNodes[]数组中，紧挨着当前节点的上一个和下一个节点：

97.

98.

99.

100.

106. ownerDocument属性（不知如何使用）

107. Node的方法介绍：

108. hasChildNodes()：判定一个节点是否有子节点

109. removeChild()：去除一个节点

110. appendChild()：添加一个节点

111. replaceChild()：替换一个节点

112. insertBefore()：指定节点位置插入一个节点

113. cloneNode()：复制一个节点

114. normalize()：（不知）

115. hasChildNodes()方法：判定一个节点是否有子节点，有返回true，没有返回false

116.

117.

118.

119.

120.

125. removeChild()方法：去除一个节点

126.

127.

128.

129.

134. appendChild()方法：添加一个节点，如果文档树中已经存在该节点，则将它删除，然后在新位置插入。

135.

136.

137.

138.

143. replaceChild()方法：从文档树中删除（并返回）指定的子节点，用另一个节点来替换它。

144.

145.

146.

147.

1. insertBefore()方法：在指定节点的前面插入一个节点，如果已经存在，则删除原来的，然后在新位置插入

155.

156.

157.

158.

165. cloneNode()方法：复制一个节点，该方法有一个参数，true表示同时复制所有的子节点，false表示近复制当前节点

166.

167.

168.

169.