成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

JavaScript - DOM - Document對(duì)象

Jason_Geng / 2795人閱讀

摘要:對(duì)象時(shí)繼承與的對(duì)象是繼承于繼承于定位頁(yè)面元素對(duì)象提供了屬性和方法實(shí)現(xiàn)頁(yè)面元素定位功能,這也是規(guī)范中對(duì)象的主要應(yīng)用之一。

如何在HTML使用JavaScript

DOM DOM是什么

DOM是Document Object Model的縮寫(xiě),譯為文檔對(duì)象模型

DOM是一個(gè)獨(dú)立于任何語(yǔ)言和平臺(tái)的接口,允許任何語(yǔ)言或者腳本動(dòng)態(tài)的訪問(wèn)和更新HTML文檔的內(nèi)容、- 結(jié)構(gòu)和樣式。該HTML頁(yè)面會(huì)進(jìn)一步處理,并且該處理的結(jié)果可以被合并到呈現(xiàn)的HTML頁(yè)面中。

DOM被設(shè)計(jì)用于解析HTML頁(yè)面文檔,方便JavaScript語(yǔ)言通過(guò)DOM訪問(wèn)和操作HTML頁(yè)面中的內(nèi)容。

Document對(duì)象 Document對(duì)象是什么

Document對(duì)象時(shí)DOM中標(biāo)準(zhǔn)規(guī)范中比較重要的對(duì)象之一,該對(duì)象提供了訪問(wèn)和更新HTML頁(yè)面內(nèi)容的屬性和方法。Document對(duì)象提供的屬性和方法,可以實(shí)現(xiàn)定位HTML頁(yè)面中的元素,或者創(chuàng)建新的元素等功能。




    
    Title




document對(duì)象的繼承鏈

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




    
    Title




定位頁(yè)面元素

Document對(duì)象提供了屬性和方法實(shí)現(xiàn)頁(yè)面元素定位功能,這也是DOM規(guī)范中Document對(duì)象的主要應(yīng)用之一。
Document對(duì)象提供實(shí)現(xiàn)頁(yè)面元素定位的方法具有以下幾種:

getElementById()方法:通過(guò)頁(yè)面元素的id屬性值定位元素

getElementsByName()方法:通過(guò)頁(yè)面的name屬性定位元素

getElementsByTagName()方法:通過(guò)頁(yè)面元素的元素名定位元素

getElementsByClassName()方法:通過(guò)頁(yè)面元素的class屬性值定位元素

querySelector()方法:通過(guò)CSS選擇器定位第一個(gè)匹配的元素

querySelectorAll()方法:通過(guò)CSS選擇器定位所有匹配的元素

getElementById()方法

由于id屬性是唯一的,所以通過(guò)這種方法定位的HTML元素也是唯一的




getElementsByName()方法





getElementsByGayName()方法





getElementsByClassName()方法




CSS選擇器定位元素







節(jié)點(diǎn)集合NodeList

NodeList是一組元素節(jié)點(diǎn)的集合,每個(gè)節(jié)點(diǎn)具有索引值(從0開(kāi)始,類(lèi)似于數(shù)組),分為動(dòng)態(tài)和靜態(tài)兩種

動(dòng)態(tài)NodeList:如果文檔中的節(jié)點(diǎn)樹(shù)發(fā)生變化,則已存在的NodeList對(duì)象也發(fā)生變變化

getElementsByByName
getElementsByTagName
getElementsByClassName

靜態(tài)NodeList:文檔對(duì)象模型的任何改變都不會(huì)影響集合的內(nèi)容







定位頁(yè)面的元素屬性

Document對(duì)象提供了一些屬性,定位HTML頁(yè)面的比較特殊的元素








創(chuàng)建也變?cè)?/b> 創(chuàng)建元素節(jié)點(diǎn)

Document對(duì)象提供了createElement()方法創(chuàng)建元素節(jié)點(diǎn)



創(chuàng)建文本節(jié)點(diǎn)

Document對(duì)象提供了createTextNode()方法創(chuàng)建文本節(jié)點(diǎn)



創(chuàng)建屬性節(jié)點(diǎn)

Document對(duì)象提供了createAtrribute()方法創(chuàng)建屬性節(jié)點(diǎn)



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

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/97101.html

相關(guān)文章

  • 初識(shí)DOM

    摘要:標(biāo)識(shí),就是將頁(yè)面解析為一個(gè)文檔。標(biāo)識(shí),就是中表示各個(gè)對(duì)象之間的關(guān)系。的標(biāo)準(zhǔn)由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的,所以對(duì)的定義是目前最權(quán)威的解釋。兄弟關(guān)系具有相同父級(jí)元素的兩個(gè)或幾個(gè)元素之間的兄弟關(guān)系。是返回值,表示定位元素的集合,是一個(gè)集合。 如何使用JavaScript script元素 元素 元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼。該元素默認(rèn)被定義在元素中。t...

    史占廣 評(píng)論0 收藏0
  • 初識(shí)DOM

    摘要:標(biāo)識(shí),就是將頁(yè)面解析為一個(gè)文檔。標(biāo)識(shí),就是中表示各個(gè)對(duì)象之間的關(guān)系。的標(biāo)準(zhǔn)由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的,所以對(duì)的定義是目前最權(quán)威的解釋。兄弟關(guān)系具有相同父級(jí)元素的兩個(gè)或幾個(gè)元素之間的兄弟關(guān)系。是返回值,表示定位元素的集合,是一個(gè)集合。 如何使用JavaScript script元素 元素 元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼。該元素默認(rèn)被定義在元素中。t...

    qpal 評(píng)論0 收藏0
  • 初識(shí)DOM

    摘要:標(biāo)識(shí),就是將頁(yè)面解析為一個(gè)文檔。標(biāo)識(shí),就是中表示各個(gè)對(duì)象之間的關(guān)系。的標(biāo)準(zhǔn)由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的,所以對(duì)的定義是目前最權(quán)威的解釋。兄弟關(guān)系具有相同父級(jí)元素的兩個(gè)或幾個(gè)元素之間的兄弟關(guān)系。是返回值,表示定位元素的集合,是一個(gè)集合。 如何使用JavaScript script元素 元素 元素用于在HTML頁(yè)面中嵌入或引入JavaScript腳本代碼。該元素默認(rèn)被定義在元素中。t...

    Coding01 評(píng)論0 收藏0
  • 談?wù)劄g覽器里的JavaScript

    摘要:而與最大的區(qū)別在于與瀏覽器溝通的窗口,不涉及網(wǎng)頁(yè)內(nèi)容。完全依賴(lài)于瀏覽器廠商實(shí)作本身無(wú)標(biāo)準(zhǔn)規(guī)范,而有著所制定的標(biāo)準(zhǔn)來(lái)規(guī)范。而透過(guò)選取出來(lái)的節(jié)點(diǎn),我們可以通過(guò)操作屬性來(lái)變更它的文字。在許多的網(wǎng)頁(yè)前端教學(xué)或是文章書(shū)籍當(dāng)中,你可能常常聽(tīng)到這樣的說(shuō)法:「HTML、CSS 與JavaScript 是網(wǎng)頁(yè)前端三大要素」,其中: HTML 負(fù)責(zé)資料與結(jié)構(gòu) CSS 負(fù)責(zé)樣式與呈現(xiàn) JavaScript 負(fù)責(zé)...

    CastlePeaK 評(píng)論0 收藏0
  • 原生JS操作DOM

    摘要:能夠改變頁(yè)面中的所有元素能夠改變頁(yè)面中的所有屬性能夠改變頁(yè)面中的所有樣式能夠?qū)?yè)面中的所有事件做出反應(yīng)我們需要通過(guò)操作元素,查找這些元素有三種方法通過(guò)查找通過(guò)標(biāo)簽名查找通過(guò)類(lèi)名查找允許改變?cè)氐膬?nèi)容。,如使有能力對(duì)事件做出反應(yīng)。 通過(guò)html dom可以訪問(wèn)javascript html文檔的所有元素。當(dāng)網(wǎng)頁(yè)被加載時(shí),瀏覽器會(huì)創(chuàng)建頁(yè)面的文檔對(duì)象模型(Document Object Mo...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<