【JavaScript】DOM之Document對象

SoapEye 發(fā)布于2019-08-23 11:32 / 2965人閱讀

摘要：一對象對象是什么對象是的基本規(guī)范也是重要的對象之一，以訪問，更新頁面內(nèi)容的屬性和方法通過。

JS(JavaScript)

一.Document對象

1.Document對象是什么

Document對象

是DOM的基本規(guī)范也是重要的對象之一，以訪問，更新頁面內(nèi)容的屬性和方法
通過conslie。log()方法來Document對象打印，測試該對象的屬性和方法

繼承鏈關(guān)系

2.定位頁面元素

getElementById()方法

該屬性特點是唯一不可重復(fù)

getElementsByName()方法

name是參數(shù)表示定位元素name屬性值
name屬性不唯一 - 得到結(jié)果可能是一個或多個

節(jié)點集合NodeList

getElementsByTagName()方法

name是參數(shù)，表示定位元素的元素名
elements是返回值

定位元素元素屬性

getElementsByClassName()方法

names是參數(shù)，表示定位元素的class屬性值
names參數(shù)是可以是一個樣式屬性名稱或多個樣式屬性名稱

querySelector()方法

是通過CSS選擇器定位第一個匹配元素
selectors是參數(shù)表示選擇器以多個逗號分隔，并包含一個或多個CSS選擇器
element是返回值

3.創(chuàng)建頁面元素

創(chuàng)建元素節(jié)點

tagName是參數(shù)，表示創(chuàng)建元素節(jié)點
element是返回值

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

data是參數(shù)，表示文本節(jié)點的內(nèi)容(字符串)
textNode是返回值

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

name是參數(shù)是指屬性節(jié)點的名稱
attributeNode是返回值

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97105.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 2019-08-20 17:50 評論0 收藏0
【JavaScript】DOM之Document對象

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

dreamans 2019-08-02 16:31 評論0 收藏0
JavaScript 之 DOM [ Document對象 ]

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

xorpay 2019-08-23 11:31 評論0 收藏0
JavaScript系列之事件詳解

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

pakolagij 2019-08-21 17:16 評論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 2019-08-22 10:44 評論0 收藏0