如何壓縮這麼多 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:Number 在隨機時間創建一個粒子。
如果您正在尋找一種更緊湊的方式來產生 HTML，那麼以下內容也許會有幫助？
const html=[...new Array(18)].map(_=>``).join("\n"); console.log(html); // can be commented out ... document.querySelector(".particle").innerHTML=html;