DOM，全稱Document Object Model檔案物件模型，JS中通過DOM來對HTMl檔案進行操作，只要理解了DOM就可以隨心所欲的操作WEB頁面。
檔案：檔案表示就是整個的HTML網頁檔案。
物件：物件表示將網頁中的每一個部分都轉換為了一個物件。
模型：使用模型來表示物件之間的關系，這樣方便我們獲取物件。
節點：節點Node，是是構成我們網頁的最基本的組成部分，網頁中的每一個部分都可以稱為是一個節點，比如：html標簽、屬性、文本、注釋、整個檔案等都是一個節點，雖然都是節點，但是實際上他們的具體型別是不同的。
常用節點分為四類：檔案節點：整個HTML檔案，（檔案節點document，代表的是整個HTML檔案，網頁中的所有節點都是它的子節點）元素節點：HTML檔案中的HTML標簽，（HTML中的各種標簽都是元素節點，這也是我們最常用的一個節點）屬性節點：元素的屬性，（文本節點表示的是HTML標簽以外的文本內容，任意非HTML的文本都是文本節點）文本節點：HTML標簽中的文本內容。（屬性節點表示的是標簽中的一個的屬性，這里要注意的是屬性節點并非是元素節點的子節點，而是元素節點的一部分）
geElementById方法：
<input type="text" id="btn" value="https://bbs.csdn.net/topics/按鈕">//在html中創建一個按鈕。
var btn = document.getElementById("btn")//從HTML中獲取到btn
btn.onclick = function(){//給btn添加點擊事件
alert("hello world");//彈窗
}
除了getElementById方法以外，還有getElementsByTagName() 通過標簽名獲取一組元素節點物件，getElementsByName() 通過name屬性獲取一組元素節點物件，getElementsByClassName() 通過標類名獲取一組元素節點物件。
element.clientHeight、element.clientWidth 這兩個屬性可以獲取元素的可見度和高度，這些屬性都是不帶px，回傳的都是一個數字，可以直接進行計算，會獲取元素的高度和寬度，包括內容區和內邊距。這些屬性都是只讀的，不能修改。
element.offsetLeft 當前元素相對應其定位元素的水平偏移量element.offsetTop 當前元素相對應其定位元素的垂直偏移量
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/58584.html
標籤：JavaScript
上一篇：JavaScript物件總結