【JavaScript】DOM之Document對象

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

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

JS(JavaScript)

一.Document對象

1.Document對象是什么

Document對象

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

繼承鏈關系

2.定位頁面元素

getElementById()方法

該屬性特點是唯一不可重復

getElementsByName()方法

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

節(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是返回值

GPU云服務器云服務器 javascript的dom對象 javascript document 刪除dom對象 dom對象操作

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

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

【EASYDOM系列教程】之DOM 簡介

摘要：最后表示，就是中表示各個對象之間的關系。的定義由于的標準規(guī)范是由組織起草并定義的，所以對的定義是目前最權威的解釋。瀏覽器的支持目前幾乎所有的瀏覽器都支持的內(nèi)容。而組織定義的標準規(guī)范，主要也是為了解決在不同瀏覽器的差異問題。 DOM 是什么 DOM 被設計用于解析 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)容文本圖像等等結構元素標簽和樣式屬性引入文件可以在頁面添加代碼方式分為內(nèi)嵌樣式可以在元素中使用元素閉合元素在里面書寫代碼內(nèi)嵌樣式存在的問題由于將元素寫在頁面元素上面時，瀏覽器會先執(zhí)行代 DOM 描述 DOM表示文檔對象模型 DOM是獨立于任何語言的 DOM是用于操作HTML頁面的內(nèi)容(文本、圖像、等等...)、結構（元素標簽）和...

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

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

pakolagij 2019-08-21 17:16 評論0 收藏0
《JavaScript 闖關記》之事件

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

ConardLi 2019-08-22 10:44 評論0 收藏0