成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

Crazy_Coder / 2981人閱讀

摘要:對(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

相關(guān)文章

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

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

    Pines_Cheng 評(píng)論0 收藏0
  • HTML DOM getElementsByClassName() 方法個(gè)人理解

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

    ormsf 評(píng)論0 收藏0
  • 重學(xué)前端學(xué)習(xí)筆記(二十三)--狹義的文檔對(duì)象DOM

    摘要:事件觸發(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的...

    Guakin_Huang 評(píng)論0 收藏0
  • 重學(xué)前端學(xué)習(xí)筆記(二十三)--狹義的文檔對(duì)象DOM

    摘要:事件觸發(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的...

    wuaiqiu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<