HTML DOM getElementsByClassName() 方法个人理解

Pines_Cheng 发布于2019-08-26 13:59 / 2871人阅读

摘要：对象代表一个有顺序的节点列表。所以不能直接使用和等数组方法。该属性用于在元素中添加，移除及切换类。

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

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

菜鸟教程

GPU云服务器云服务器 dom方法你理解的html html dom函数 html dom加载

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109945.html

HTML DOM getElementsByClassName() 方法个人理解

摘要：对象代表一个有顺序的节点列表。所以不能直接使用和等数组方法。该属性用于在元素中添加，移除及切换类。该方法用于获取所有指定类名的元素：例如： let domArr = document.getElementsByClassName(el-form-item) 需要注意：该方法返回的是一个NodeList 对象。 NodeList 对象代表一个有顺序的节点列表。NodeList 对象 ...

ormsf 2019-08-02 15:17 评论0 收藏0
HTML DOM getElementsByClassName() 方法个人理解

摘要：对象代表一个有顺序的节点列表。所以不能直接使用和等数组方法。该属性用于在元素中添加，移除及切换类。该方法用于获取所有指定类名的元素：例如： let domArr = document.getElementsByClassName(el-form-item) 需要注意：该方法返回的是一个NodeList 对象。 NodeList 对象代表一个有顺序的节点列表。NodeList 对象 ...

Crazy_Coder 2019-08-23 18:04 评论0 收藏0
重学前端学习笔记（二十三）--狭义的文档对象DOM

摘要：事件触发和监听事件相关。文档是一个由标签嵌套而成的树形结构，因此，也是使用树形的对象模型来描述一个文档。节点的写法三是树继承关系的根节点。七表示一个上的范围，这个范围是以文字为最小单位的。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的...

Guakin_Huang 2019-08-26 13:53 评论0 收藏0
重学前端学习笔记（二十三）--狭义的文档对象DOM

摘要：事件触发和监听事件相关。文档是一个由标签嵌套而成的树形结构，因此，也是使用树形的对象模型来描述一个文档。节点的写法三是树继承关系的根节点。七表示一个上的范围，这个范围是以文字为最小单位的。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的...

wuaiqiu 2019-08-30 10:58 评论0 收藏0