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

資訊專欄INFORMATION COLUMN

JavaScript 之 DOM [ Document對象 ]

xorpay / 2830人閱讀

摘要:描述表示文檔對象模型是獨立于任何語言的是用于操作頁面的內(nèi)容文本圖像等等結(jié)構(gòu)元素標(biāo)簽和樣式屬性引入文件可以在頁面添加代碼方式分為內(nèi)嵌樣式可以在元素中使用元素閉合元素在里面書寫代碼內(nèi)嵌樣式存在的問題由于將元素寫在頁面元素上面時,瀏覽器會先執(zhí)行代

DOM 描述

DOM表示文檔對象模型

DOM是獨立于任何語言的

DOM是用于操作HTML頁面的內(nèi)容(文本、圖像、等等...)、結(jié)構(gòu)(元素標(biāo)簽)和樣式(CSS屬性)

引入JavaScript文件

可以在html頁面添加JavaScript代碼

方式分為:

內(nèi)嵌樣式:可以在 元素 中使用 getElementsByName()方法

以查找 name屬性 的方式來定位指定元素的位置

會得到全部帶有 name屬性 的元素,以類數(shù)組表示得到的元素( NodeList類型 )


獲取有ID屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

getElementsByClassName()方法

以查找 class屬性值 的方式來定位指定元素的位置

會得到全部帶有 class屬性 的元素,以類數(shù)組表示得到的元素( HTMLCollection類型 )


獲取有ID屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

getElementsByTagName()方法

以查找 元素名 的方式來定位指定元素的位置

會得到全部 被指定的元素,以類數(shù)組表示得到的元素( HTMLCollection類型 )


獲取有ID屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

querySelector()方法

以查找 對應(yīng)的CSS選擇器 的方式來定位指定元素的位置

會得到 第一個對應(yīng)該CSS選擇器 的元素 - 只有一個


獲取有ID屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

querySelectorAll()方法

以查找 對應(yīng)的CSS選擇器 的方式來定位指定元素的位置

會得到 對應(yīng)該CSS選擇器 的全部元素,以類數(shù)組表示得到的元素( NodeList類型 )


獲取有ID屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Name屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

Document對象創(chuàng)建頁面節(jié)點

可以使用Document對象提供的屬性或方法來在html頁面中創(chuàng)建新節(jié)點

createElement()方法

createTextNode()方法

createAttribute()方法

createElement()方法

用于創(chuàng)建新的元素節(jié)點



createTextNode()方法

用于創(chuàng)建新的文本節(jié)點



createAttribute()方法

用于創(chuàng)建屬性節(jié)點

注意:該方法只能接收一個參數(shù),做為屬性節(jié)點的屬性名,屬性值使用 nodeValue 創(chuàng)建



類數(shù)組對象

在使用JavaScript代碼對html頁面中的元素進(jìn)行定位置并顯示元素數(shù)據(jù)內(nèi)容時,會將數(shù)據(jù)內(nèi)容集合到一個相似數(shù)組的 “類數(shù)組對象”

類數(shù)組分為

HTMLCollection類型

動態(tài)集合

是一個元素的集合(html的標(biāo)簽)

會根據(jù)HTML元素變化而變化

NodeList類型

靜態(tài)集合

是一個節(jié)點的集合(節(jié)點指元素節(jié)點、屬性節(jié)點及文本節(jié)點)

不會根據(jù)HTML元素變化而變化


獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

獲取有Class屬性的元素

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

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

相關(guān)文章

  • 【EASYDOM系列教程】DOM 簡介

    摘要:最后表示,就是中表示各個對象之間的關(guān)系。的定義由于的標(biāo)準(zhǔn)規(guī)范是由組織起草并定義的,所以對的定義是目前最權(quán)威的解釋。瀏覽器的支持目前幾乎所有的瀏覽器都支持的內(nèi)容。而組織定義的標(biāo)準(zhǔn)規(guī)范,主要也是為了解決在不同瀏覽器的差異問題。 DOM 是什么 DOM 被設(shè)計用于解析 HTML 頁面文檔,方便 JavaScript 語言通過 DOM 訪問和操作 HTML 頁面中的內(nèi)容。 DOM 是由 W3C...

    Me_Kun 評論0 收藏0
  • JavaScriptDOMDocument對象

    摘要:一對象對象是什么對象是的基本規(guī)范也是重要的對象之一,以訪問,更新頁面內(nèi)容的屬性和方法通過。 JS(JavaScript) 一.Document對象 1.Document對象是什么 Document對象 是DOM的基本規(guī)范也是重要的對象之一,以訪問,更新頁面內(nèi)容的屬性和方法通過conslie。log()方法來Document對象打印,測試該對象的屬性和方法 /* ...

    SoapEye 評論0 收藏0
  • JavaScriptDOMDocument對象

    摘要:一對象對象是什么對象是的基本規(guī)范也是重要的對象之一,以訪問,更新頁面內(nèi)容的屬性和方法通過。 JS(JavaScript) 一.Document對象 1.Document對象是什么 Document對象 是DOM的基本規(guī)范也是重要的對象之一,以訪問,更新頁面內(nèi)容的屬性和方法通過conslie。log()方法來Document對象打印,測試該對象的屬性和方法 /* ...

    dreamans 評論0 收藏0
  • JavaScript系列事件詳解

    摘要:響應(yīng)某個事件的函數(shù)就叫事件處理程序或事件偵聽器。為事件指定事件處理程序的方法主要有種。事件處理程序事件直接加在元素上。事件委托利用冒泡的原理,把事件加到父元素或祖先元素上,觸發(fā)執(zhí)行效果,解決事件處理程序過多問題。事件委托優(yōu)點提高性能。 JavaScript簡單入門可以看看我丑丑的Github博客JavaScript簡單入門 事件 JavaScript與HTML之間的交互是通過事件實現(xiàn)的...

    pakolagij 評論0 收藏0
  • JavaScript 闖關(guān)記》事件

    摘要:事件捕獲團(tuán)隊提出的另一種事件流叫做事件捕獲。所有節(jié)點中都包含這兩個方法,并且它們都接受個參數(shù)要處理的事件名作為事件處理程序的函數(shù)和一個布爾值。最后這個布爾值參數(shù)如果是,表示在捕獲階段調(diào)用事件處理程序如果是,表示在冒泡階段調(diào)用事件處理程序。 JavaScript 程序采用了異步事件驅(qū)動編程模型。在這種程序設(shè)計風(fēng)格下,當(dāng)文檔、瀏覽器、元素或與之相關(guān)的對象發(fā)生某些有趣的事情時,Web 瀏覽器...

    ConardLi 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<