Javascript 为什么绝对边距的随机化功能不起作用

function randomize() {
  let r;
  let list = document.querySelectorAll("span");
  for (let i = 0; i < list.length; i++) {
    r = Math.floor(Math.random() * 50);
    list.forEach((list) => {
      style.top = `${r} + px`;
    });
  }
}

span {
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: -2;
}

<div class="parallax">
  <span class="layer" data-speed="-5">10110</span>
  <span class="layer" data-speed="-5">0</span>
</div>

function randomize() {
  let r;
  let list = document.querySelectorAll("span");
  for (let i = 0; i < list.length; i++) {
    list.forEach((list) => {
      r = Math.floor(Math.random() * 50);
      list.style.top = r + 'px';
    });
  }
}

randomize();

span {
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: -2;
}

<div class="parallax">
  <span class="layer" data-speed="-5">10110</span>
  <span class="layer" data-speed="-5">0</span>
</div>

Javascript相关问答推荐

为什么我达到了时间限制！？LeetCode链接列表循环(已解决，但需要解释！)

确定MutationRecord中removedNodes的索引

仅圆角的甜甜圈图表

TypeScript索引签名模板限制

Next.js(react)使用moment或不使用日期和时间格式

无法使用单击按钮时的useState将数据从一个页面传递到另一个页面

查询参数未在我的Next.js应用路由接口中定义

如何在Svelte中从一个codec函数中调用error()？

如何 for each 输入动态设置输入变更值

如何根据输入数量正确显示alert ？

用另一个带有类名的div包装元素

不协调嵌入图片

本地损坏的Java脚本

rxjs在每次迭代后更新数组的可观察值

JQuery使用选项填充HTMLSELECT并设置默认结果，默认结果显示为空

如何在Firebase中读取对象的特定字段？

我如何才能让p5.js在不使用实例模式的情况下工作？

调试jQuery代码以获取所有行的总和(票证类型)

如何在不获取其子元素的文本内容的情况下获取元素的文本内容？

为什么我的Reaction组件不能使用createBrowserRouter呈现？