DOM(文件物件模型)

2021-10-25 09:36:01 字數 1040 閱讀 1804

dom(document object model)文件物件模型。定義了訪問和處理html文件的標準方法

dom把html文件呈現為帶有元素、屬性和文字的樹形結構(節點樹)

如果我們需要改變頁面的某個元素,就需要獲得對html文件中所有元素進行訪問的入口,訪問入口通過文件物件模型即可獲得。dom提供了對html元素進行新增、移動、改變或移除的方法和屬性

瀏覽器載入整個html文件形成乙個document物件,使用document物件可以訪問和操作html文件中所有的元素

document中獲取element元素的方法:

element元素中獲取屬性的方法:

標籤體中文字內容的獲取和設定

動手試一試:

var element  = document.

getelementbyid

("box1");

var text = element.innerhtml

console.

log(text)

var style = element.style;

console.

log(style)

//如果已有該屬性會被替換掉

element.

setattribute

('style'

,'background-color: blue');

// element.removeattribute('style');

//獲取所有的p標籤元素

var ps = document.

getelementsbytagname

('p');

//取出第乙個p標籤,修改其中的內容

var p1 = ps.

item(0

);p1.innerhtml=

"";

DOM 文件物件模型

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

DOM文件物件模型

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

DOM文件物件模型

文件 標記型文件 html xml 物件 封裝了屬性和行為 模型 共性特徵的體現 dom解析html 1 通過dom的方法,把html全部 元素 標籤 文字 屬性 都封裝成了物件 2 dom想要操作標記型文件先解析 解析器 dom解析html 瀏覽器也可以解析html dom的三個級別 1 將htm...