JavaScript 之 DOM [ Element對(duì)象 ]

xiaokai 發(fā)布于2019-08-23 11:35 / 3402人閱讀

摘要：對(duì)象描述對(duì)象提供了訪問(wèn)頁(yè)面元素的屬性和方法節(jié)點(diǎn)和元素的區(qū)別在節(jié)點(diǎn)中元素節(jié)點(diǎn)屬性節(jié)點(diǎn)文本節(jié)點(diǎn)都是獨(dú)立存在的在元素中屬性和文本與元素是一體的，相當(dāng)于元素的一部分獲取子元素通過(guò)定位父元素來(lái)獲取子元素與獲取節(jié)點(diǎn)不同，獲取元素不存在空白問(wèn)題表示獲取第

Element對(duì)象 描述

Element對(duì)象提供了訪問(wèn)html頁(yè)面元素的屬性和方法

節(jié)點(diǎn)和元素的區(qū)別

在節(jié)點(diǎn)中：元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn)都是獨(dú)立存在的

在元素中：屬性和文本與元素是一體的，相當(dāng)于元素的一部分

獲取子元素

通過(guò)定位父元素來(lái)獲取子元素

與獲取節(jié)點(diǎn)不同，獲取元素不存在“空白問(wèn)題”

firstElementChild

表示獲取第一子元素

lastElementChild

表示獲取最后一個(gè)子元素

childElementCount

表示獲取所有子元素的個(gè)數(shù)

children

表示獲取所有子元素 - 會(huì)得到一個(gè)類數(shù)組

示例代碼



    手機(jī)
    手表
    電腦

獲取兄弟元素

通過(guò)定位指定子元素的位置來(lái)獲取相鄰兄弟元素

與獲取節(jié)點(diǎn)不同，獲取元素不存在“空白問(wèn)題”

previousElementSibling

表示獲取前一個(gè)兄弟元素

nextElementSibling

表示獲取后一個(gè)兄弟元素

示例代碼



    手機(jī)
    手表
    電腦

GPU云服務(wù)器云服務(wù)器 javascript的dom對(duì)象刪除dom對(duì)象 dom對(duì)象操作 javascript dom

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

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

相關(guān)文章

Javascript之事件(一)

摘要：事件流事件流描述的是頁(yè)面接收事件的順序的事件流是冒泡流而的事件流是事件捕獲流事件冒泡是指事件開(kāi)始時(shí)由最具體的元素，然后向上傳播到較為不具體的節(jié)點(diǎn)所有現(xiàn)代瀏覽器都支持事件冒泡則將事件一直冒泡到對(duì)象事件捕獲是不太具體的節(jié)點(diǎn)應(yīng)該更早接收到事件而具事件流事件流描述的是頁(yè)面接收事件的順序.IE的事件流是冒泡流,而 Netscape Communicator的事件流是事件捕獲流. 事件冒泡是指...

?xiaoxiao, 2019-08-22 10:58 評(píng)論0 收藏0
JavaScript之內(nèi)存回收&&內(nèi)存泄漏

摘要：內(nèi)存回收內(nèi)存泄漏前言最近在細(xì)讀高級(jí)程序設(shè)計(jì)，對(duì)于我而言，中文版，書(shū)中很多地方一筆帶過(guò)，所以用自己所理解的，嘗試細(xì)致解讀下。內(nèi)存回收在談內(nèi)存泄漏之前，首先，先了解下的內(nèi)存回收機(jī)制。內(nèi)存回收 && 內(nèi)存泄漏前言：最近在細(xì)讀Javascript高級(jí)程序設(shè)計(jì)，對(duì)于我而言，中文版，書(shū)中很多地方一筆帶過(guò)，所以用自己所理解的，嘗試細(xì)致解讀下。如有紕漏或錯(cuò)誤，會(huì)非常感謝您的指出。文中絕大部分內(nèi)容...

dayday_up 2019-08-23 12:36 評(píng)論0 收藏0
JavaScript之Range--或許會(huì)有點(diǎn)用

摘要：不過(guò)在細(xì)說(shuō)之前我們先了解一下。這時(shí)候就是發(fā)揮作用的地方了?？梢詫⒁粋€(gè)對(duì)象轉(zhuǎn)化為對(duì)象。這四個(gè)屬性可以定位一段被選中的文字。如上圖，我們知道元素排列是一段一段的，這里的就是指的每個(gè)段，就是選中的位置。肯定是連續(xù)的，這樣我們就可以定位一段完整的。 Range是JavaScript的內(nèi)置對(duì)象，一般來(lái)講用到的地方不是很多，主要是一些交互性比較強(qiáng)的場(chǎng)景可能會(huì)用到，比如高亮標(biāo)注，用不到還好說(shuō)，如果用...

stonezhu 2019-08-26 11:57 評(píng)論0 收藏0
【JavaScript】DOM之樣式操作

摘要：樣式操作獲取內(nèi)聯(lián)樣式以節(jié)點(diǎn)和元素的方法來(lái)獲取指定的樣式節(jié)點(diǎn)屬性獲取指定元素的屬性元素屬性獲取指定的元素的屬性對(duì)象以方法通過(guò)獲取樣式屬性值該屬性還具有屬性得到對(duì)象屬性獲取當(dāng)前元素中所有的樣式屬性內(nèi)容字符串類型屬性獲取當(dāng)前元素中樣式屬性的個(gè)數(shù)不樣式操作獲取內(nèi)聯(lián)樣式以節(jié)點(diǎn)和元素的方法來(lái)獲取指定的CSS樣式 var div = document.getElementById...

Brenner 2019-08-29 16:34 評(píng)論0 收藏0
【JavaScript】DOM之樣式操作

摘要：樣式操作獲取內(nèi)聯(lián)樣式以節(jié)點(diǎn)和元素的方法來(lái)獲取指定的樣式節(jié)點(diǎn)屬性獲取指定元素的屬性元素屬性獲取指定的元素的屬性對(duì)象以方法通過(guò)獲取樣式屬性值該屬性還具有屬性得到對(duì)象屬性獲取當(dāng)前元素中所有的樣式屬性內(nèi)容字符串類型屬性獲取當(dāng)前元素中樣式屬性的個(gè)數(shù)不樣式操作獲取內(nèi)聯(lián)樣式以節(jié)點(diǎn)和元素的方法來(lái)獲取指定的CSS樣式 var div = document.getElementById...

AJie 2019-08-23 11:36 評(píng)論0 收藏0