DOM檔案物件模型
//宿主物件：DOM物件 BOM物件
一、 DOM檔案物件模型
什么是DOM？
——DOM全稱Document Object Model檔案物件模型
——JS中通過DOM來對HTML檔案進行操作，只要理解了DOM就可以操作WEB頁面。
檔案：檔案表示的就是整個的HTML網頁檔案
物件：物件表示將網頁中的每一個部分都轉換為了一個物件
模型：使用模型來表示物件之間的關系，這樣方便我們獲取物件
什么是節點？
1. 節點Node是構成我們網頁的最基本的組成部分，網頁中的每一個部分都可以稱為一個節點
比如：html標簽、屬性、文本、注釋、整個檔案等都是一個節點。
雖然都是節點，但是實際上他們的具體型別是不同的，如：標簽我們稱為元素節點、屬性稱為屬性節點、文本稱之為文本節點、檔案稱為檔案節點
2. 節點的型別不同，屬性和方法也都不盡相同
//Node——構成HTML檔案最基本的單元。
常用節點分為四類
——檔案節點：整個HTML檔案4
1. document，代表的是整個HTML檔案，網頁中的所有節點都是它的子節點
2. document物件作為window物件的屬性存在的，我們不用獲取可以直接使用
3. 通過該物件我們可以在整個檔案訪問內查找節點物件，并可以通過該物件創建各種節點物件
——元素節點：HTML檔案中的HTML標簽
1. HTML中的各種標簽都是元素節點，這也是我們最常用的一個節點
2. 瀏覽器會將頁面中所有的標簽都轉換為一個元素節點，我們可以通過document的方法來獲取元素節點
比如：document。getElementById()
根據id屬性值獲取一個元素節點物件
——文本節點：（Text）
1. 文本節點表示的是HTML標簽以外的文本內容，任意非HTML的文本都是文本節點
2. 文本節點一般是作為元素節點的子節點存在的
3. 獲取文本節點時，一般先要獲取元素節點，再通過元素節點獲取文本節點
比如：
1. 元素節點.firstChild
2.獲取元素節點的第一個子節點，一般文本節點
Var h1=document.getElementById(“ID名”);//元素節點
Console.log(h1);
Var txt=h1.firstChild;//文本節點
Console.log(“txt”);
——屬性節點：（Attr）
1. 屬性節點表示的是標簽中的一個的屬性，這里要注意的是屬性節點，并非是元素節點的子節點，而是元素節點的一部分
2. 可以通過元素節點來獲取指定的屬節點
如：元素節點.getAttribu Node(“屬性名”)
注意：我們一般不使用屬性節點
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/57650.html
標籤：HTML(CSS)