將CSS應用於動態創建的ID

Question

將CSS應用於在我的Javascript中動態創建的ID（使用DOM）時遇到問題。 我有一個代碼可以創建“ div”塊及其各自的ID。 根據用戶輸入，ID看起來像這樣的cg1cp1，cg2cp1，cg3cp2，cg3cp3etc（我有計數器來生成它們，並且會無限期地進行下去，直到用戶停止單擊並創建新的計數器為止）。 在“ div”塊的另一部分中，ID像這樣的cg1，cg2，cg2，cg4等。我已經設法通過使用看起來像這樣的代碼將CSS專門應用於這些對象

    <style>
        [id^="cg"]{
            position : relative;
            top : 10px;
        }
    </style>

所以我想知道是否有任何CSS構造可用於將CSS應用於變量ID。

Answer 1

是的，您可以使用class :)只需將相同的類添加到同一組的所有id中：

element.id = 'cg' + i + 'cp' + j
element.classList.add('cgcp')

然后在您的CSS上：

.cgcp { color: red; }