如何在html/javascript中for循环跨越标签？

ttcibm8c 于 2023-01-01 发布在 Java

关注(0)|答案(1)|浏览(110)

我怎样才能压缩这么多的span标签呢？我正在努力使它尽可能的小。任何建议都有帮助，谢谢！

<header>
<a href="#" class="loo">cat <i class="fa-d fa-ct"></i></a>>
<div class="particle">
  <span style="--i:50;"></span>
  <span style="--i:21;"></span>
  <span style="--i:16;"></span>
  <span style="--i:18;"></span>
  <span style="--i:13;"></span>
  <span style="--i:22;"></span>
  <span style="--i:15;"></span>
  <span style="--i:24;"></span>
  <span style="--i:17;"></span>
  <span style="--i:28;"></span>
  <span style="--i:12;"></span>
  <span style="--i:26;"></span>
  <span style="--i:23;"></span>
  <span style="--i:13;"></span>
  <span style="--i:17;"></span>
  <span style="--i:11;"></span>
  <span style="--i:21;"></span>
  <span style="--i:16;"></span>
</div>
</div>

这就是为什么我想得到，每个i：数，在随机时间产生一个粒子。

JavaScript

来源：https://stackoverflow.com/questions/74965163/how-to-for-loop-span-tags-in-html-javascript

1条答案

按热度按时间

2nc8po8w1#

如果您正在寻找一种更紧凑的生成HTML的方法，那么下面的方法可能会有所帮助？

const html=[...new Array(18)].map(_=>`<span style="--i:${Math.ceil(Math.random()*40+10)};"></span>`).join("\n");
console.log(html); // can be commented out ...
document.querySelector(".particle").innerHTML=html;

<header>
 <a href="#" class="loo">cat <i class="fa-d fa-ct"></i></a>
 <div class="particle"></div>
</header>

赞(0）回复(0）举报 2023-01-01

我来回答

如何在html/javascript中for循环跨越标签？

1条答案

相关问题

热门标签

最新问答