文件物件模型(DOM)

2021-08-27 03:01:48 字數 2003 閱讀 6326

dom

文件物件模型

document object model

將整篇html文件稱作乙個文件

html: 父元素 父節點

head 子節點

body 子節點

head和body相互為兄弟節點

html中的任意東西都是乙個節點

document型別 文件型別 document

element型別 元素型別 div span

text型別 文字型別 body–>hello

comment型別 注釋型別

父建構函式:node型別

1.nodetype

9-document 1-element 3-text 8-comment

注意:判斷nodelist和node繼承自誰

// 每乙個物件中有乙個proto指向父建構函式的原型物件

//prototype原型

//constructor 屬性返回對建立此物件的陣列函式的引用

console.log(nodelist.prototype);

console.log(nodelist.prototype.proto);

console.log(nodelist.prototype.proto.constructor);

console.log(nodelist.prototype.proto);

console.log(『eventtarget』,node.prototype.proto.constructor);

console.log(『object』,eventtarget.prototype.proto.constructor);

2.nodevalue

節點值,一般元素節點的值是null

可以用在注釋上

3.nodename

節點名稱,一般用在元素節點上,返回的是大寫的元素名稱

4.childnodes

返回子節點組成的類陣列物件nodelist

[0]console.log(childs[1]);

.item(0)console.log(childs.item(0));`

window.onload = function());

console.log(newarr);

// 篩選元素節點

var newarr = temparr.filter(function(item,index));

console.log(newarr);

// 篩選注釋節點

var newarr = temparr.filter(function(item,index));

console.log(newarr);

5.firstchild

返回nodelist中的第乙個,0號位置上的

6.lastchild

返回nodelist中的最後乙個,最後位置上的

7.nextsibling

返回nodelist中的下乙個兄弟節點

8.previoussibling

返回nodelist中的上乙個兄弟節點

9.parentnode

返回父節點

同乙個nodelist中的子節點,有同乙個父節點

10.haschildnodes()

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