HTML-DOM-getElementsByClassName-方法个人理解

6次阅读

共计 510 个字符,预计需要花费 2 分钟才能阅读完成。

该方法用于获取所有指定类名的元素:
例如:

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

菜鸟教程

正文完
 0