DOM文件物件模型

2021-07-26 02:28:50 字數 955 閱讀 7217

文件:標記型文件(html/xml)

物件:封裝了屬性和行為

模型:共性特徵的體現

dom解析html:

(1)通過dom的方法,把html全部(元素(標籤)、文字、屬性)都封裝成了物件

(2)dom想要操作標記型文件先解析(解析器)。dom解析html(瀏覽器也可以解析html)

dom的三個級別:

(1)將html封裝成物件

(2)新增新的功能,例如對事件和css樣式的支援

(3)支援xml1.0的新特性

dhtml不是程式語言,是多種技術的綜合,包含:

(1)html 封裝資料

(2)css 設定樣式

(3)dom 操作html

(4)js 提供邏輯

document:代表整個文件

方法:

document.getelementbyid(「id的值」) 通過元素的id的屬性獲取元素的物件

document.getelementsbyname(「name屬性值」) 通過元素名稱獲取物件的集合(返回陣列)

document.getelementsbytagname(「標籤名稱」) 通過標籤名獲取元素物件的集合(返回陣列)

document.write(「文字的內容」) 把文字寫到瀏覽器上

// 需求: 新增乙個深圳

// 建立元素物件li document.createelement()

var li = document.createelement("li");

// 建立文字的物件深圳 document.createtextnode()

var text = document.createtextnode("深圳");

var ul = document.getelementsbytagname("ul")[0];

DOM 文件物件模型

dom 文件物件模型 概念的推出,這個api使html如虎添翼,但是有些學dhtml的朋友還是有些困撓,只是因為目前的手冊的書寫不太科學,是按字母 來分的,不便查閱.其實dom中最關鍵是要掌握節點與節點之間的關係 between node andnode 想學習dhtml中的dom千萬不要從頭到尾地...

DOM文件物件模型

dom document object model文件物件模型 用來將標記型文件的文件封裝成物件,並且將文件中的所有的類容 文字,屬性,屬性值 分裝成為物件。封裝的目的是為了更好的對文字文件進行操作。有了物件就可以更好的利用文件對其中的屬性和值進行呼叫。document 標記型文件 object 封...

文件物件模型(DOM)

dom 文件物件模型 document object model 將整篇html文件稱作乙個文件 html 父元素 父節點 head 子節點 body 子節點 head和body相互為兄弟節點 html中的任意東西都是乙個節點 document型別 文件型別 document element型別 元...