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...