时间戳

首页 > 解决方案 > 一个 div 到 javascript 数组的列表（没有 jquery）

javascript - 一个 div 到 javascript 数组的列表（没有 jquery）

问题描述

我想知道如何将 html div 列表转换为 javascript 数组？所以这是我的html代码

<div class="colors">
    <div>Red</div>
    <div>Blue</div>
    <div>Orange</div>
    <div>Green</div>
</div>

所以现在我想将第一个 div 中的 div 转换为 javascript 数组。我怎样才能做到这一点？

标签： javascripthtml

解决方案

您可以使用document.querySelectorAll然后通过Array.from方法从它们创建一个数组：

console.log(Array.from(document.querySelectorAll('.colors div')));
<div class="colors">
    <div>Red</div>
    <div>Blue</div>
    <div>Orange</div>
    <div>Green</div>
</div>

推荐阅读