談談僞數組NodeList

2023-04-10 07:05:47

<!doctype html>

<html >

<head>

<title>如何将僞數組 NodeList集合轉換為真正的數組</title>

</head>

<body>

</ul>

</body>

</html>

//先擷取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>

繼續閱讀