通过document.getElementsByClassName("s1");或document.getElementsByName("s1")返回的是一个集合myCollection ,这是需要遍历某个元素下子元素的方法。

菜鸟教程(runoob.com)

JavaScript HTML DOM

Hello World!

Hello Runoob!

点击按钮修改 p 元素的背景颜色。

点我

function myFunction() {

var myCollection = document.getElementsByClassName("s1");

var i;

for (i = 0; i < myCollection.length; i++) {

myCollection[i].style.color = "red";

}

}

注意

HTMLCollection 不是一个数组!

HTMLCollection 看起来可能是一个数组,但其实不是。

你可以像数组一样,使用索引来获取元素。

HTMLCollection 无法使用数组的方法: valueOf(), pop(), push(), 或 join() 。

标签:遍历,HTMLCollection,s1,元素,myCollection,HTML,数组,document

来源: https://blog.csdn.net/zhh0310235/article/details/98741687

html标签的下一级遍历,HTML遍历某个元素下的子元素相关推荐

  1. jquery 遍历父元素、子元素、兄弟元素

    寻找父元素 1. parent()方法,只返回被选元素的直接父元素,只遍历到上一级的父元素,返回的是一个元素. 2. parents()方法,返回被选元素的所有父元素,一直向上遍历,直到文档的根元素为 ...

  2. html各种遍历,Jq遍历、HTML操作(示例代码)

    什么是遍历? jQuery遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望 ...

  3. jq遍历子元素_jquery:::选择器/遍历/获取所有的子元素、兄弟元素

    jquery是一个基于javascript的轻量级工具包,是基于javascript的函数库,它使得javascript开发更加高效快捷. 1,jquery的选择器分为: 基本选择器(又分为id选择器 ...

  4. JavaScript DOM编程(如何获取HTML标签的父元素和子元素)

    今天迎来了我们的JS的第四讲,今天就给家人们浅讲一下如何获取JS中的HTML标签的父元素和子元素,大家有什么不懂的可以私信我或者在下方评论,看到了会回复噢,也希望一直跟着我在学JS的家人们,继续坚持下 ...

  5. js 获取元素,同级元素下的子元素总结

    太原总结 不慌不慌,来日方长 ** 1.获取同级元素 form 下的 div 元素下的 input标签的value值 ** //html代码 <div id="replySubmit& ...

  6. vue+element-ui动态生成多级表头,并且将有相同字段下不同子元素合并为同一个...

    element表头要多层生成,下一级表头数据源必须是当前表头的子一级,这样一层一层嵌套可以生成多层表头: 要把数据处理成这种类型的数据 var arr = [];for (var key in obj ...

  7. jq点击所有子元素_jQuery删除/清空指定元素下的所有子节点的方法

    上几篇文章详细的介绍了,我们可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr ...

  8. php移除所有子节点,jQuery删除/清空指定元素下的所有子节点的方法

    上几篇文章详细的介绍了,我们可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr ...

  9. html标签的下一级遍历,jquery属性,遍历,HTML操作方法详解

    Jquery属性遍历.HTML操作. Jquery拥有可操作HTML元素和属性的强大方法. 下面是我整理的一些jquery遍历函数: .add() 将元素添加到匹配元素的集合中. .andSelf() ...

  10. Linux目录遍历实现,列出目录下文件,可使用部分参数

    目标 编程实现程序list.c,列表普通磁盘文件,包括文件名和文件大小. 内容 对选项的处理,自行编程逐个分析命令行参数.不考虑多选项挤在一个命令行参数内的情况. 与ls命令类似,处理对象可以有0到多 ...

最新文章

  1. php写的接口返回数据的页面,PHP怎么解析 WEBSERVICES接口返回的数据
  2. vs调试时,变量值以十六进制显示
  3. VirtualBox通过命令方式批量创建并配置虚拟机
  4. 博客社会学图——使用python检索网页上的友情链接
  5. CTF-MISC杂项题2
  6. popupmenu java_Java基于JPopupMenu实现系统托盘的弹出菜单,解决PopupMenu弹出菜单中文乱码...
  7. 微服务 java9模块化_Java9系列第8篇-Module模块化编程
  8. mysql ssh .net_c# – 使用SSH.NET库与MySQL建立SSH连接
  9. 泛微OA-SQL注入漏洞
  10. 计算机主机前耳机没声音,电脑前面耳机没声音的解决办法 电脑前面插耳机没声音怎么办...
  11. 高斯消去法,列主元法,LU分解法python程序
  12. 关于程序员的面试于自我介绍模板
  13. git创建版本库并提交文件
  14. 设置Centos7时区
  15. openwrt-wps功能的实现(一)
  16. 猿创征文|pycharm中的翻译插件translation以及将其更换为百度翻译获取ID和密钥的详细步骤
  17. 小马哥 高仿三星w2015主板信息W1201-GW-NB82KK-150812刷机主板图
  18. 再见c罗再见梅西_再见眼镜你好smartglasses
  19. python 'utf-8' codec can't decode byte 0xca in position 21: invalid continuation byte
  20. 人工智能全球赛:中国“智能+”要冲浪还缺百万人才

热门文章

  1. java程序设计_80后程序员,带你深入理解Java基本的程序设计结构,不来你别后悔...
  2. linux5.8不能上网,Ubuntu 8.04不能上网的问题的解决方法
  3. 内存常用的页面调度算法
  4. c++ hashset的用法_C++中set的用法
  5. lnmp php fpm 默认,LNMP(PHP-FPM)
  6. c语言程序设计填空带答案,c语言程序设计填空题及答案复习用精编-20210414010859.docx-原创力文档...
  7. xml解析 只有节点属性 android,and android:解析xml,一个节点标签中,有多个属性,怎样解析?...
  8. java 鼠标单击_不通过鼠标点击,单纯的通过Java代码生成鼠标单击事件
  9. thinkphp长连接MySQL_ThinkPHP3.2.3---mysql+ajax实现长连接,实时监测数据库数据是否更新...
  10. python 中的转义序列