栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何遍历从getElementsByTagName返回的所有元素

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何遍历从getElementsByTagName返回的所有元素

您需要使用以下命令将节点列表转换为数组:

<html>    <head>    </head>    <body>        <input type="text" value="" />        <input type="text" value="" />        <script> function ShowResults(value, index, ar) {     alert(index); } var input = document.getElementsByTagName("input"); var inputList = Array.prototype.slice.call(input); alert(inputList.length); inputList.forEach(ShowResults);    </script>    </body></html>

或用于循环。

for(i = 0;i < input.length; i++){    ShowResults(input[i].value);}

并将ShowResults函数更改为:

function ShowResults(value) {   alert(value);}

为什么我们需要这样做?
Javascript中的某些对象看起来像一个数组,但不是一个。这通常意味着它们具有索引访问和length属性,但是没有任何数组方法。示例包括特殊的变量参数,DOM节点列表和字符串。类似于数组的对象和通用方法提供了使用类似数组的对象的技巧。

更新2019年7月10日
如今,您可以使用ES6

[...inputList].forEach
Array.from(inputList)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442210.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号