JavaWeb--初始JavaScript（3）

1、JS中的DOM對象

1. Document對象
2. Element對象
3. 屬性對象
4. 文本對象
5. Node節點對象

2、Document對象

經常使用方法以下：

一、write()

二、getElementById()

三、getElementsByName()

四、getElementsByTagName

3、Element對象

經常使用方法以下：

一、getAttribute("屬性名稱")：獲取屬性值

二、setAttribute("屬性名稱"， "設置的值")：設置屬性值

三、removeAttribute("屬性名稱")：刪除屬性

四、父標籤.getElementsByTagName("標籤名"):獲取標籤下面的全部子標籤

4、Node對象

經常使用屬性一：

一、標籤節點對應的值
	nodeType： 1
	nodeName： 大寫標籤名稱  好比SPAN
	nodeValue: null
	
二、屬性節點對應的值
	nodeType： 2
	nodeName： 屬性名稱
	nodeValue: 屬性的值
	
三、文本節點對應的值
	nodeType： 3
	nodeName： #text
	nodeValue: 文本內容

經常使用屬性二：

一、attributes：包含的是一個節點的全部屬性的集合

二、parentNode：獲取該節點的父節點

三、childNodes：獲取該節點的全部子節點（兼容性差）

四、firstChild：該節點的第一個子節點

五、lastChild：獲取該節點的最後一個子節點

六、nextSibling：返回一個給定節點的下一個兄弟節點

七、previousSibling：返回一個給定節點的上一個兄弟節點

5、操做dom樹

一、父節點.appendChild(子節點)：添加子節點到末尾

二、父節點.insertBefore(newNode,oldNode)：在某個節點以前插入一個新的節點

三、父節點.removeChild(子節點)：刪除指定節點

四、父節點.replaceChild(newNode,oldNode)方法: 替換節點

五、cloneNode(true)：賦值節點，（參數true表示複製子節點，不須要則傳遞false便可）

操做dom樹總結：

獲取節點使用方法
	getElementById()：經過節點的id屬性，查找對應節點。
	getElementsByName()：經過節點的name屬性，查找對應節點。
	getElementsByTagName()：經過節點名稱，查找對應節點
插入節點的方法
	insertBefore方法：在某個節點以前插入
	appendChild方法：在末尾添加，剪切黏貼
刪除節點方法
	removeChild方法：經過父節點刪除
替換節點方法
	replaceChild方法：經過父節點替換

6、innerHTML屬性

做用一：獲取文本對象

做用二：向標籤裏面設置內容