成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【EASYDOM系列教程】之Document 對(duì)象介紹

JiaXinYi / 1491人閱讀

摘要：對(duì)象的作用對(duì)象作為訪問和更新頁面內(nèi)容的入口。這個(gè)結(jié)果充分地說明了對(duì)象在的標(biāo)準(zhǔn)規(guī)范中代表整個(gè)頁面。對(duì)象的繼承鏈對(duì)象是繼承于對(duì)象的。對(duì)象也是的標(biāo)準(zhǔn)規(guī)范中非常重要的對(duì)象之一，而對(duì)象又是繼承于對(duì)象。

Document 對(duì)象是 DOM 的標(biāo)準(zhǔn)規(guī)范中比較重要的對(duì)象之一。該對(duì)象提供了訪問和更新 HTML 頁面內(nèi)容的屬性和方法。

Document 對(duì)象的作用

Document 對(duì)象作為 DOM 訪問和更新 HTML 頁面內(nèi)容的入口。簡(jiǎn)單來說，我們可以把 Document 對(duì)象理解為在 DOM 的標(biāo)準(zhǔn)規(guī)范中代表 HTML 頁面。（當(dāng)然，這種說法并不準(zhǔn)確）

Document 對(duì)象提供的屬性和方法，可以實(shí)現(xiàn)定位 HTML 頁面中的元素，或者創(chuàng)建新的元素等功能。

測(cè)試 Document 對(duì)象

我們可以通過 console.log 方法將 Document 對(duì)象打印，測(cè)試 Document 對(duì)象中提供了哪些屬性和方法:

console.log(document);

運(yùn)行 HTML 頁面后，打開 開發(fā)者工具，我們可以看到以下內(nèi)容:

我們會(huì)發(fā)現(xiàn) console 會(huì)將 HTML 頁面的源代碼打印出來。這個(gè)結(jié)果充分地說明了 Document 對(duì)象在 DOM 的標(biāo)準(zhǔn)規(guī)范中代表整個(gè) HTML 頁面。

換句話講，DOM 訪問和更新 HTML 頁面內(nèi)容主要依靠 Document 對(duì)象作為入口。

Document 對(duì)象的屬性和方法一覽

在 DOM 的標(biāo)準(zhǔn)規(guī)范中，Document 對(duì)象的屬性和方法被定義在了 prototype 原型中。所以，我們想要查看 Document 對(duì)象中具有哪些屬性和方法，可以打印 Document 對(duì)象的 protoype 進(jìn)行查看。

console.log(Document.prototype);

運(yùn)行 HTML 頁面后，打開 開發(fā)者工具，我們可以看到以下內(nèi)容:

URL:(...)
activeElement:(...)
adoptNode:function adoptNode()
anchors:(...)
append:function append()
applets:(...)
baseURI:(...)
body:(...)
characterSet:(...)
charset:(...)
childElementCount:(...)
childNodes:(...)
children:(...)
close:function close()
contentType:(...)
cookie:(...)
createAttribute:function createAttribute()
createElement:function createElement()
createEvent:function createEvent()
createExpression:function createExpression()
createNSResolver:function createNSResolver()
createNodeIterator:function createNodeIterator()
createProcessingInstruction:function createProcessingInstruction()
createRange:function createRange()
createTextNode:function createTextNode()
createTreeWalker:function createTreeWalker()
currentScript:(...)
defaultView:(...)
designMode:(...)
dir:(...)
doctype:(...)
documentElement:(...)
documentURI:(...)
domain:(...)
firstChild:(...)
firstElementChild:(...)
fonts:(...)
forms:(...)
getElementById:function getElementById()
getElementsByClassName:function getElementsByClassName()
getElementsByName:function getElementsByName()
getElementsByTagName:function getElementsByTagName()
getSelection:function getSelection()
hasFocus:function hasFocus()
head:(...)
hidden:(...)
images:(...)
implementation:(...)
importNode:function importNode()
inputEncoding:(...)
isConnected:(...)
lastChild:(...)
lastElementChild:(...)
lastModified:(...)
links:(...)
nextSibling:(...)
nodeName:(...)
nodeType:(...)
nodeValue:(...)
open:function open()
ownerDocument:(...)
parentElement:(...)
parentNode:(...)
prepend:function prepend()
previousSibling:(...)
querySelector:function querySelector()
querySelectorAll:function querySelectorAll()
readyState:(...)
referrer:(...)
registerElement:function registerElement()
rootElement:(...)
scripts:(...)
scrollingElement:(...)
selectedStylesheetSet:(...)
styleSheets:(...)
textContent:(...)
title:(...)
visibilityState:(...)
write:function write()
writeln:function writeln()

我們可以看到，Document 對(duì)象提供的屬性和方法還是比較多的。但在實(shí)際開發(fā)中，比較常用的屬性和方法并沒有太多。

關(guān)于 Document 對(duì)象的具體用法，我們?cè)诤竺娴恼鹿?jié)中學(xué)習(xí)。
Document 對(duì)象的繼承鏈

Document 對(duì)象是繼承于 Node 對(duì)象的。Node 對(duì)象也是 DOM 的標(biāo)準(zhǔn)規(guī)范中非常重要的對(duì)象之一，而 Node 對(duì)象又是繼承于 EventTarget 對(duì)象。

我們可以通過以下代碼來測(cè)試 Document 對(duì)象的繼承鏈:

console.log(Document.prototype instanceof Node);
console.log(Node.prototype instanceof EventTarget);

console.log(Document.prototype instanceof EventTarget);

Document 對(duì)象的屬性和方法多是繼承于 Node 對(duì)象和 EventTarget 對(duì)象的。當(dāng)然，也有一部分屬性和方法是實(shí)現(xiàn)了 HTMLDocument 接口的。

本教程免費(fèi)開源，任何人都可以免費(fèi)學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來源，并且不能用于商業(yè)。

本教程采用知識(shí)共享署名-非商業(yè)性使用-禁止演繹 4.0 國(guó)際許可協(xié)議進(jìn)行許可。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/87129.html

相關(guān)文章

  • 【EASYDOM系列教程】之Node介紹

    摘要：對(duì)象的作用樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為節(jié)點(diǎn)樹結(jié)構(gòu)。對(duì)象的繼承鏈關(guān)系對(duì)象是繼承于對(duì)象的，是一個(gè)用于接收事件的對(duì)象。但需要注明作者及來源，并且不能用于商業(yè)。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。 DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Node 對(duì)象，該對(duì)象主要提供了用于解析 DOM 節(jié)點(diǎn)樹結(jié)構(gòu)的屬性和方法。 Node 對(duì)象的作用 DOM 樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，...

    oliverhuang 評(píng)論0 收藏0

  • 【EASYDOM系列教程】之創(chuàng)建頁面元素

    摘要：對(duì)象提供了可以創(chuàng)建元素節(jié)點(diǎn)屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的方法，方便更新頁面中的元素。是返回值，表示創(chuàng)建的元素。最后，通過方法創(chuàng)建屬性節(jié)點(diǎn)，并設(shè)置了屬性值為，再將該屬性節(jié)點(diǎn)添加到新創(chuàng)建的元素中。 Document 對(duì)象提供了可以創(chuàng)建元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的方法，方便 DOM 更新 HTML 頁面中的元素。 創(chuàng)建元素節(jié)點(diǎn) Document 對(duì)象提供了 createElement() 方法創(chuàng)建元...

    nifhlheimr 評(píng)論0 收藏0

  • 【EASYDOM系列教程】之定位頁面元素

    摘要：對(duì)象提供了屬性和方法實(shí)現(xiàn)定位頁面元素功能，這也是的標(biāo)準(zhǔn)規(guī)范中對(duì)象的主要應(yīng)用之一。是返回值，表示定位元素的集合，是一個(gè)集合。定位匹配選擇器的第一個(gè)元素。方法定位頁面元素所返回的集合就是靜態(tài)集合。 Document 對(duì)象提供了屬性和方法實(shí)現(xiàn)定位頁面元素功能，這也是 DOM 的標(biāo)準(zhǔn)規(guī)范中 Document 對(duì)象的主要應(yīng)用之一。 定位頁面元素方法 目前 Document 對(duì)象提供實(shí)現(xiàn)定位頁面元...

    NotFound 評(píng)論0 收藏0

  • 【EASYDOM系列教程】之判斷節(jié)點(diǎn)類型

    摘要：對(duì)象中提供了和分別可以用于獲取指定節(jié)點(diǎn)的節(jié)點(diǎn)名稱節(jié)點(diǎn)類型和節(jié)點(diǎn)的值。具體的語法結(jié)構(gòu)如下在上述語法結(jié)構(gòu)中，是一個(gè)整數(shù)，其代表的是節(jié)點(diǎn)類型。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。 Node 對(duì)象中提供了 nodeName、nodeType 和 nodeValue 分別可以用于獲取指定節(jié)點(diǎn)的節(jié)點(diǎn)名稱、節(jié)點(diǎn)類型和節(jié)點(diǎn)的值。 DOM 節(jié)點(diǎn)樹結(jié)構(gòu)中，我們實(shí)際開發(fā)最常見的節(jié)...

    CocoaChina 評(píng)論0 收藏0

  • 【EASYDOM系列教程】索引

    摘要：系列教程是一套免費(fèi)開源，任何人都可以免費(fèi)學(xué)習(xí)分享，甚至可以進(jìn)行修改。本文是這套系列教程的索引也就是目錄第一回介紹在最開始，我們先來了解是什么的作用，以及瀏覽器的支持是怎么樣的。 《EASYDOM》系列教程是一套免費(fèi)、開源，任何人都可以免費(fèi)學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來源，并且不能用于商業(yè)。 本文是這套系列教程的索引（也就是目錄）: 第一回 DOM 介紹 在最開始，我...

    yanwei 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<