文件物件模型

2021-10-05 21:41:18 字數 4016 閱讀 3782

文件物件模型

文件 :文件表示的就是整個的html網頁文件

物件 :物件表示將網頁中的每乙個部分都轉換為了乙個物件

模型 :使用模型來表示物件之間的關係,這樣方便我們獲取物件

節點:節點node,是構成我們網頁的最基本的組成部分,網頁中的每乙個部分都可以稱為是乙個節點;

常用節點分為四類 1.

文件節點:整個html文件 2.

元素節點:html文件中的html標籤 3.

屬性節點:元素的屬性 4.

文字節點:html標籤中的文字內容

文件節點(document):

元素節點(element)

文字節點(text)

屬性節點(attr)

獲取元素節點

通過document物件呼叫

element屬性和方法

下面的屬性和方法可用於所有 html 元素上:

屬性 / 方法       描述

element.accesskey

設定或返回元素的快捷鍵。

向元素新增新的子節點,作為最後乙個子節點。

element.attributes

返回元素屬性的 namednodemap。

element.childnodes

返回元素子節點的 nodelist。

element.classname

設定或返回元素的 class 屬性。

element.clientheight

返回元素的可見高度。

element.clientwidth

返回元素的可見寬度。

element.clonenode()

轉殖元素。

element.comparedocumentposition()

比較兩個元素的文件位置。

element.contenteditable

設定或返回元素的文字方向。

element.dir

設定或返回元素的內容是否可編輯。

element.firstchild

返回元素的首個子。

element.getattribute()

返回元素節點的指定屬性值。

element.getattributenode()

返回指定的屬性節點。

element.getelementsbytagname()

返回擁有指定標籤名的所有子元素的集合。

element.getfeature()

返回實現了指定特性的 api 的某個物件。

element.getuserdata()

返回關聯元素上鍵的物件。

element.hasattribute()

如果元素擁有指定屬性,則返回true,否則返回 false。

element.hasattributes()

如果元素擁有屬性,則返回 true,否則返回 false。

element.haschildnodes()

如果元素擁有子節點,則返回 true,否則 false。

element.id

設定或返回元素的 id。

element.innerhtml

設定或返回元素的內容。

element.insertbefore()

在指定的已有的子節點之前插入新節點。

element.iscontenteditable

設定或返回元素的內容。

element.isdefaultnamespace()

如果指定的 namespaceuri 是預設的,則返回 true,否則返回 false。

element.isequalnode()

檢查兩個元素是否相等。

element.issamenode()

檢查兩個元素是否是相同的節點。

element.issupported()

如果元素支援指定特性,則返回 true。

element.lang

設定或返回元素的語言**。

element.lastchild

返回元素的最後乙個子元素。

element.namespaceuri

返回元素的 namespace uri。

element.nextsibling

返回位於相同節點樹層級的下乙個節點。

element.nodename

返回元素的名稱。

element.nodetype

返回元素的節點型別。

element.nodevalue

設定或返回元素值。

element.normalize()

合併元素中相鄰的文字節點,並移除空的文字節點。

element.offsetheight

返回元素的高度。

element.offsetwidth

返回元素的寬度。

element.offsetleft

返回元素的水平偏移位置。

element.offsetparent

返回元素的偏移容器。

element.offsettop

返回元素的垂直偏移位置。

element.ownerdocument

返回元素的根元素(文件物件)。

element.parentnode

返回元素的父節點。

element.previoussibling

返回位於相同節點樹層級的前乙個元素。

element.removeattribute()

從元素中移除指定屬性。

element.removeattributenode()

移除指定的屬性節點,並返回被移除的節點。

element.removechild()

從元素中移除子節點。

element.replacechild()

替換元素中的子節點。

element.scrollheight

返回元素的整體高度。

element.scrollleft

返回元素左邊緣與檢視之間的距離。

element.scrolltop

返回元素上邊緣與檢視之間的距離。

element.scrollwidth

返回元素的整體寬度。

element.setattribute()

把指定屬性設定或更改為指定值。

element.setattributenode()

設定或更改指定屬性節點。

element.setidattribute() 

element.setidattributenode() 

element.setuserdata()

把物件關聯到元素上的鍵。

element.style

設定或返回元素的 style 屬性。

element.tabindex

設定或返回元素的 tab 鍵控制次序。

element.tagname

返回元素的標籤名。

element.textcontent

設定或返回節點及其後代的文字內容。

element.title

設定或返回元素的 title 屬性。

element.tostring()

把元素轉換為字串。

nodelist.item()

返回 nodelist 中位於指定下標的節點。

nodelist.length

返回 nodelist 中的節點數。

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