将CSS应用于动态创建的ID

Question

我在将ID应用于我的Javascript（使用DOM）动态创建的ID时遇到问题。我有一个代码，可以创建'div'块和它们各自的ID。根据用户输入，ID看起来像这样的cg1cp1，cg2cp1，cg3cp2，cg3cp3etc ...（我有计数器来生成它们，它会无限期地继续，直到用户停止点击并创建新的）。在'div'块的另一部分中，ID就像这样cg1，cg2，cg2，cg4，...等等。我已经设法通过使用看起来像这样的代码专门应用CSS

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

所以我想知道是否有任何可用于将CSS应用于变量ID的CSS结构。

Answer 1

是的，您可以使用类:)只需将同一个类添加到同一组的所有ID中：

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

然后在你的CSS上：

.cgcp { color: red; }