DOM的基本操作

dom是針對於html和xml文件的乙個api（應用程式程式設計介面）。是w3c組織推薦的處理可擴充套件標誌語言的標準程式設計介面。在網頁上，組織頁面（或文件）的物件被組織在乙個樹形結構中，用來表示文件中物件的標準模型就稱為dom。

當網頁被載入時，瀏覽器會建立頁面的文件物件模型

在dom中，可以將任何html或者xml的文件描繪成乙個由多層節點構成的結構

1.id查詢 document.getelementbyid()

2.class查詢 document.getelementsbyclassname()

3.標籤查詢 document.getelementsbytagname()

id不能重名，如果id重複，只能取到第乙個。

獲取元素節點時，必須等到dom樹載入完成後才能獲取。

通過class和標籤獲取到的節點為陣列格式，操作時必須取到其中的每乙個元素（陣列下標），才能進行操作，而不能直接對陣列進行操作。

1. .childnodes：獲取當前節點的所有子節點（包括元素節點和文字節點）。

.children：獲取當前節點的所有元素子節點（不包含文字節點）。

3 .parentnode: 獲取當前節點的父節點。

1.innerhtml: 取到或設定乙個節點中的html**。

2.innertext: 取到或設定乙個節點中的文字，不能設定html**。

.clonenode(true)：轉殖乙個節點。

1.removechild()：從父節點中，刪除指定子節點。

2.replacechild()：從父節點中，用新節點替換老節點。

clonenode(true)：轉殖節點true有什麼用

傳入true表示轉殖源節點以及源節點的所有子節點；

傳入false或不傳，表示只轉殖當前節點，而不轉殖子節點

學習js中的dom節點以及操作

1、什麼是dom

dom是針對於html和xml文件的乙個api（應用程式程式設計介面）。是w3c組織推薦的處理可擴充套件標誌語言的標準程式設計接口。在網頁上，組織頁面（或文件）的物件被組織在乙個樹形結構中，用來表示文件中物件的標準模型就稱為dom。

2、clonenode(true)：轉殖節點true有什麼用

傳入true表示轉殖源節點以及源節點的所有子節點；

傳入false或不傳，表示只轉殖當前節點，而不轉殖子節點

3、innerhtml 和 innertext有什麼區別

innerhtml: 取到或設定乙個節點中的html**。

innertext: 取到或設定乙個節點中的文字，不能設定html**。