摘要:對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。所以不能直接使用和等數(shù)組方法。該屬性用于在元素中添加,移除及切換類。
該方法用于獲取所有指定類名的元素:
例如:
let domArr = document.getElementsByClassName("el-form-item")
需要注意:該方法返回的是一個(gè)NodeList 對(duì)象。
NodeList 對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對(duì)象 我們可通過節(jié)點(diǎn)列表中的節(jié)點(diǎn)索引號(hào)來訪問列表中的節(jié)點(diǎn)(索引號(hào)由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 對(duì)象。
該屬性用于在元素中添加,移除及切換 CSS 類。
classList 屬性是只讀的,但你可以使用 add() 和 remove() 方法修改它。
菜鳥教程
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/104617.html
摘要:對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。所以不能直接使用和等數(shù)組方法。該屬性用于在元素中添加,移除及切換類。 該方法用于獲取所有指定類名的元素:例如: let domArr = document.getElementsByClassName(el-form-item) 需要注意:該方法返回的是一個(gè)NodeList 對(duì)象。 NodeList 對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對(duì)象 ...
摘要:對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。所以不能直接使用和等數(shù)組方法。該屬性用于在元素中添加,移除及切換類。 該方法用于獲取所有指定類名的元素:例如: let domArr = document.getElementsByClassName(el-form-item) 需要注意:該方法返回的是一個(gè)NodeList 對(duì)象。 NodeList 對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對(duì)象 ...
摘要:事件觸發(fā)和監(jiān)聽事件相關(guān)。文檔是一個(gè)由標(biāo)簽嵌套而成的樹形結(jié)構(gòu),因此,也是使用樹形的對(duì)象模型來描述一個(gè)文檔。節(jié)點(diǎn)的寫法三是樹繼承關(guān)系的根節(jié)點(diǎn)。七表示一個(gè)上的范圍,這個(gè)范圍是以文字為最小單位的。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄,每天10分鐘,重構(gòu)你的前端知識(shí)體系,筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟,完整的可以加入winter的...
摘要:事件觸發(fā)和監(jiān)聽事件相關(guān)。文檔是一個(gè)由標(biāo)簽嵌套而成的樹形結(jié)構(gòu),因此,也是使用樹形的對(duì)象模型來描述一個(gè)文檔。節(jié)點(diǎn)的寫法三是樹繼承關(guān)系的根節(jié)點(diǎn)。七表示一個(gè)上的范圍,這個(gè)范圍是以文字為最小單位的。 筆記說明 重學(xué)前端是程劭非(winter)【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄,每天10分鐘,重構(gòu)你的前端知識(shí)體系,筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟,完整的可以加入winter的...
閱讀 1021·2021-11-25 09:43
閱讀 1680·2019-08-30 13:59
閱讀 1612·2019-08-30 11:22
閱讀 2137·2019-08-30 11:06
閱讀 1308·2019-08-28 17:51
閱讀 3744·2019-08-26 12:12
閱讀 790·2019-08-26 12:11
閱讀 456·2019-08-26 12:10