如何将childNodes返回的数据转化维数组
程序员文章站
2022-04-19 10:43:09
...
//将childNodes返回的数据转化为数组的方法 function convertToArray(nodes){ var array=null; try{ array=Array.prototype.slice.call(nodes,0); }catch(ex){ array=new Array(); for(var i=0,len=nodes.length;i<len;i++){ array.push(nodes[i]); } } return array; } //筛选节点的方法 function getElementList(arr,value){ var arrList=new Array(); for(var i=0,len=arr.length;i<len;i++){ if(arr[i].nodeType==value){ arrList.push(arr[i]); } } return arrList; }
每一个节点都有一个childNodes属性,其中保存着NodeList对象。NodeList是一种类数组对象,用于保存一组有序的节点,可以用过位置来访问这些节点。不过需要大家注意的是,虽然我们可以通过方括号来访问对象,且NodeList也有length属性,但它并不是Array的实例。
当然,我们也可以通过item()方法来访问NodeList中的节点,就像使用方括号一样,可以进行访问。这两种无论哪种方式都没有问题,而且因为方括号的简便性,所以更受开发人员的青睐。
在此,笔者仍然推荐以上的NodeList转数组的方法,但是因为在IE8及以下是不支持Array.prototypr.slice.call(soneNode.childNodes,0);这样的方法,所以我们只能通过枚举的方式,将NodeList转化维数组。try-catch捕获错误,并手动创建数组。
以上就是如何将childNodes返回的数据转化维数组 的详细内容,更多请关注其它相关文章!
上一篇: 学习php语言流程控制中的主动与被动
推荐阅读
-
js对接口返回的数据排序(对JOSN 数据指定属性排序,对二维数组元素指定字段排序)
-
议:如何将树形菜单形式的数据转化成HTML的二维表(相同内容需合并单元格)_html/css_WEB-ITnose
-
从微信端批量获取用户信息,可以得到json数据,但是用json_decode转化为数组的时候返回为null
-
php如何将数组数组转化为json格式的数据
-
从微信端批量获取用户信息,可以得到json数据,但是用json_decode转化为数组的时候返回为null
-
从微信端批量获取用户信息,可以得到json数据,但是用json_decode转化为数组的时候返回为null(已解决)
-
从微信端批量获取用户信息,可以得到json数据,但是用json_decode转化为数组的时候返回为null(已解决)
-
如何将childNodes返回的数据转化维数组
-
如何将childNodes返回的数据转化维数组