Bagaimana untuk mengulangi teg rentang menggunakan gelung dalam HTML/JavaScript?
P粉668113768
P粉668113768 2024-03-31 16:15:40
0
1
412

Bagaimana untuk memampatkan tag span begitu banyak? Saya cuba menjadikannya sekecil mungkin. Sebarang nasihat akan membantu, terima kasih!

<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>

Ini sebab saya nak dapatkannya. Setiap --i:Nombor mencipta zarah pada masa rawak.

P粉668113768
P粉668113768

membalas semua(1)
P粉308783585

Jika anda sedang mencari cara yang lebih padat untuk menjana HTML, mungkin perkara berikut akan membantu?

const html=[...new Array(18)].map(_=>``).join("\n");
console.log(html); // can be commented out ...
document.querySelector(".particle").innerHTML=html;
cat
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!