javascript - ノードの複製によって作成されたアイテムに一意の ID を割り当てる方法はありますか?

Question

ブラウザ ウィンドウのサイズに基づいてグリッドを作成しています。JavaScript はグリッドを正しく構築しますが、ID クラスを持たないため、個々の要素をターゲットにする方法がありません。「クローン」を実行するときにこれを割り当てる方法はありますか?

body には以下が含まれ、クローンは list クラスを対象としています。各リスト クラス内には、CSS によって生成された円を含む div クラスがあります。理想的には、リスト クラスとその中の div クラスの両方をターゲットにすることができます。

<div class="gallery">
  <h1>Dot Dot Dot Test</h1>
  <ul class="gallery__list span1">
    <li class="center repeat">
    <div class="circle">
    </div>
    </li>
  </ul>
<h1>That's All Folks!</h1>

これは、グリッドを構築する時点で一意の ID を自動的に生成したい JavaScript です。

<script>
        var w = window.innerWidth;
        var h = window.innerHeight;
        var numberOfColumns = Math.round(w/40);
        var numberOfRows = Math.round((h-200)/40);
        var numberOfDots = numberOfColumns * numberOfRows;
    function backgroundDots(node, count, deep) {
        for (var i = 0, copy; i < count - 1; i++) {
        copy = node.cloneNode(deep);
        node.parentNode.insertBefore(copy, node);

    }
}

backgroundDots(document.querySelector('.repeat'), numberOfDots, true);


    
    </script>

どんな助けでも大歓迎です。かなり長い間試行錯誤してきましたが、解決策が見つからないようです。

ありがとう、

ロブ