HTML DOM getElementsByClassName() 方法个人理解

2024年5月30日 184次阅读 来源: 弱鸡的前端程序员

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

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

菜鸟教程

    原文作者：弱鸡的前端程序员
    原文地址: https://segmentfault.com/a/1190000019447331
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞