JavaScript有没有集合
程序员文章站
2022-04-04 21:53:01
...
JavaScript中有集合,JavaScript中的HTMLCollection对象是类数组的HTML元素列表(集合)。getElementsByTagName()方法返回HTMLCollection对象。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript中有集合,JavaScript中的HTMLCollection对象是类数组的HTML元素列表(集合)。getElementsByTagName()方法返回HTMLCollection对象。
JavaScript中的DOM集合:
length 属性定义了 HTMLCollection 中元素的数量:
示例:
<!DOCTYPE html> <html> <body> <h1>JavaScript HTML DOM</h1> <p>Hello World!</p> <p>Hello China!</p> <p id="demo"></p> <script> var myCollection = document.getElementsByTagName("p"); document.getElementById("demo").innerHTML = "此文档包含 " + myCollection.length + " 段文字。"; </script> </body> </html>
效果:
实例解释:
创建所有 <p> 元素的集合
显示集合的长度
注:
HTMLCollection 并非数组!
HTMLCollection 也许看起来像数组,但并非数组。
您能够遍历列表并通过数字引用元素(就像数组那样)。
不过,您无法对 HTMLCollection 使用数组方法,比如 valueOf()、pop()、push() 或 join()。
【推荐学习:javascript高级教程】
以上就是JavaScript有没有集合的详细内容,更多请关注其它相关文章!
下一篇: oracle 3个实用统计sql场景
推荐阅读
-
Javascript获取CSS伪元素属性的实现代码_javascript技巧
-
JavaScript实用库:Lodash源码数组函数解析(九)remove、reverse、slice
-
js使用for循环查询数组中是否存在某个值_javascript技巧
-
请教为什么javascript不能弹出提示框,内容如下
-
javascript 学习笔记(六)浏览器类型及版本信息检测代码_基础知识
-
JavaScript 数组中查找指定元素
-
JSON.stringify转换JSON时日期时间不准确的解决方法_javascript技巧
-
麦鸡的TAB切换功能结合了javascript和css_导航菜单
-
JavaScript常用对象的方法和属性小结_javascript技巧
-
javascript - 有关邮件筛选器的程序管道