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