HTML DOM getElementsByClassName() 方法個(gè)人理解

Pines_Cheng 發(fā)布于2019-08-26 13:59 / 2899人閱讀

摘要：對象代表一個(gè)有順序的節(jié)點(diǎn)列表。所以不能直接使用和等數(shù)組方法。該屬性用于在元素中添加，移除及切換類。

該方法用于獲取所有指定類名的元素：
例如：

let domArr = document.getElementsByClassName("el-form-item")

需要注意：該方法返回的是一個(gè)NodeList 對象。

NodeList 對象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對象我們可通過節(jié)點(diǎn)列表中的節(jié)點(diǎn)索引號來訪問列表中的節(jié)點(diǎn)(索引號由0開始)。
所以不能直接使用map,和forEach等數(shù)組方法。

可以通過for循環(huán)遍歷里面的每個(gè)元素

for (let index = 0; index < domArr.length; index++) {
      if (!domArr[index].classList.contains("is-required")) {
        domArr[index].getElementsByClassName("el-form-item__label")[0].classList.add("notIsRequired")
      }
    }

classList 屬性返回元素的類名，作為 DOMTokenList 對象。
該屬性用于在元素中添加，移除及切換 CSS 類。
classList 屬性是只讀的，但你可以使用 add() 和 remove() 方法修改它。

菜鳥教程

GPU云服務(wù)器云服務(wù)器 dom方法你理解的html html dom函數(shù) html dom加載

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109945.html

相關(guān)文章

HTML DOM getElementsByClassName() 方法個(gè)人理解

摘要：對象代表一個(gè)有順序的節(jié)點(diǎn)列表。所以不能直接使用和等數(shù)組方法。該屬性用于在元素中添加，移除及切換類。該方法用于獲取所有指定類名的元素：例如： let domArr = document.getElementsByClassName(el-form-item) 需要注意：該方法返回的是一個(gè)NodeList 對象。 NodeList 對象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對象 ...

ormsf 2019-08-02 15:17 評論0 收藏0
HTML DOM getElementsByClassName() 方法個(gè)人理解

摘要：對象代表一個(gè)有順序的節(jié)點(diǎn)列表。所以不能直接使用和等數(shù)組方法。該屬性用于在元素中添加，移除及切換類。該方法用于獲取所有指定類名的元素：例如： let domArr = document.getElementsByClassName(el-form-item) 需要注意：該方法返回的是一個(gè)NodeList 對象。 NodeList 對象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對象 ...

Crazy_Coder 2019-08-23 18:04 評論0 收藏0
重學(xué)前端學(xué)習(xí)筆記（二十三）--狹義的文檔對象DOM

摘要：事件觸發(fā)和監(jiān)聽事件相關(guān)。文檔是一個(gè)由標(biāo)簽嵌套而成的樹形結(jié)構(gòu)，因此，也是使用樹形的對象模型來描述一個(gè)文檔。節(jié)點(diǎn)的寫法三是樹繼承關(guān)系的根節(jié)點(diǎn)。七表示一個(gè)上的范圍，這個(gè)范圍是以文字為最小單位的。筆記說明重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的...

Guakin_Huang 2019-08-26 13:53 評論0 收藏0
重學(xué)前端學(xué)習(xí)筆記（二十三）--狹義的文檔對象DOM

摘要：事件觸發(fā)和監(jiān)聽事件相關(guān)。文檔是一個(gè)由標(biāo)簽嵌套而成的樹形結(jié)構(gòu)，因此，也是使用樹形的對象模型來描述一個(gè)文檔。節(jié)點(diǎn)的寫法三是樹繼承關(guān)系的根節(jié)點(diǎn)。七表示一個(gè)上的范圍，這個(gè)范圍是以文字為最小單位的。筆記說明重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的...

wuaiqiu 2019-08-30 10:58 評論0 收藏0