本文介绍两种将HTML文档中的NodeList集合转换成标准数组的方法。一种是通过循环遍历并使用push方法添加到新数组中；另一种是利用ES6的Array.from()方法直接转换。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>如何将伪数组 NodeList集合 转换为真正的数组</title>
</head>
<body>
<ul id="list">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
<script type="text/javascript">
//先获取NodeList集合,也就是这里的li集合
let NodeList=document.getElementById('list').children;
//方法一：
//思路：先定义一个空数组。然后让这个NodeList集合的每个元素添加到空数组中
let arr=[];
for(let i=0;i<NodeList.length;i++){
arr.push(NodeList[i]);
}
console.log(arr);
//方法二：（ES6）直接用Array.from()
let arr2=Array.from(NodeList);
console.log(arr2);
</script>
谈谈伪数组NodeList
最新推荐文章于 2024-05-22 23:41:41 发布
扫一扫
1134
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
