国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript 之 DOM [ Document對象 ]

xorpay / 2828人閱讀

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

DOM 描述

DOM表示文檔對象模型

DOM是獨立于任何語言的

DOM是用于操作HTML頁面的內容(文本、圖像、等等...)、結構（元素標簽）和樣式（CSS屬性）

引入JavaScript文件

可以在html頁面添加JavaScript代碼

方式分為：

內嵌樣式：可以在 元素 中使用 getElementsByName()方法

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

會得到全部帶有 name屬性 的元素，以類數組表示得到的元素（ NodeList類型 ）



獲取有ID屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素
getElementsByClassName()方法

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

會得到全部帶有 class屬性 的元素，以類數組表示得到的元素（ HTMLCollection類型 ）



獲取有ID屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素
getElementsByTagName()方法

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

會得到全部 被指定的元素，以類數組表示得到的元素（ HTMLCollection類型 ）



獲取有ID屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素
querySelector()方法

以查找 對應的CSS選擇器 的方式來定位指定元素的位置

會得到 第一個對應該CSS選擇器 的元素 - 只有一個



獲取有ID屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素
querySelectorAll()方法

以查找 對應的CSS選擇器 的方式來定位指定元素的位置

會得到 對應該CSS選擇器 的全部元素，以類數組表示得到的元素（ NodeList類型 ）



獲取有ID屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Name屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素
Document對象創建頁面節點

可以使用Document對象提供的屬性或方法來在html頁面中創建新節點

createElement()方法

createTextNode()方法

createAttribute()方法

createElement()方法

用于創建新的元素節點
createTextNode()方法

用于創建新的文本節點
createAttribute()方法

用于創建屬性節點

注意：該方法只能接收一個參數，做為屬性節點的屬性名，屬性值使用 nodeValue 創建
類數組對象

在使用JavaScript代碼對html頁面中的元素進行定位置并顯示元素數據內容時，會將數據內容集合到一個相似數組的 “類數組對象”

類數組分為

HTMLCollection類型

動態集合

是一個元素的集合（html的標簽）

會根據HTML元素變化而變化

NodeList類型

靜態集合

是一個節點的集合（節點指元素節點、屬性節點及文本節點）

不會根據HTML元素變化而變化



獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素


獲取有Class屬性的元素

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/97079.html

相關文章

  • 【EASYDOM系列教程】之DOM 簡介

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

    Me_Kun 評論0 收藏0

  • 【JavaScript】DOM之Document對象

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

    SoapEye 評論0 收藏0

  • 【JavaScript】DOM之Document對象

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

    dreamans 評論0 收藏0

  • JavaScript系列之事件詳解

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

    pakolagij 評論0 收藏0

  • 《JavaScript 闖關記》之事件

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

    ConardLi 評論0 收藏0

發表評論

0條評論

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