HTML DOM getElementsByClassName() 方法我的理解

該方法用於獲取全部指定類名的元素:
例如:html

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

須要注意:該方法返回的是一個NodeList 對象。數組

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

能夠經過for循環遍歷裏面的每一個元素ui

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() 方法修改它。code

菜鳥教程orm

相關文章
相關標籤/搜索