Javascript 将CSS应用于动态创建的ID

我在将CSS应用于在Javascript（使用DOM）中动态创建的ID时遇到问题。我有一个创建“div”块及其各自ID的代码。ID看起来像cg1cp1，cg2cp1，cg3cp2，CG3CP3等等。。。基于用户输入（我有计数器生成它们，它会无限期地持续下去，直到用户停止单击并创建新的计数器）。在'div'块的另一个部分中，ID类似于cg1、cg2、cg2、cg4，。。。我已经通过使用类似这样的代码将CSS专门应用于这些

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

[id^=“cg”]{
位置：相对位置；
顶部：10px；
}

因此，我想知道是否有任何CSS构造可用于将CSS应用于变量ID。

是的，您可以使用类：）只需将相同的类添加到同一组的所有ID：

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

然后在css上：

.cgcp { color: red; }

---

如果您正在JS中创建元素，为什么不在创建时向元素添加class 1+类名？为什么不更改JS中的css？像这样：

$（“#myId”+cg）.css（{position:“relative”，top:10+“px”}）

或使用

$（“#myId”+cg）添加一个类作为@eclectist其中myClassName是在中具有属性的类it@user3547407既然行得通，你能投票支持他的答案吗。它说我没有足够的声誉来提升自己：（我们如何提高这个声誉）：D对不起，完全是平行的问题。