所属分类:web前端开发
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有没有集合的详细内容,更多请关注zzsucai.com其它相关文章!