HTML DOM getElementsByClassName() 方法個人理解

Pines_Cheng 發布于2019-08-26 13:59 / 2891人閱讀

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

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

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

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

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

可以通過for循環遍歷里面的每個元素

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云服務器 dom方法你理解的html html dom函數 html dom加載

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

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

HTML DOM getElementsByClassName() 方法個人理解

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

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

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

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

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

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

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

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