Javascript 设置使用forloop.counter的Div的样式

我有一个文本区域的contenteditable div，我想设置它的样式

<div id="reply_body{{forloop.counter}}" name="reply_body"  contenteditable="true">Begin typing </div>

开始打字

但是，我使用{{forloop.counter}}，因为我将div中的信息传递给javascript函数。即

<script type="text/javascript">
function copycontent(x)
{
document.getElementById('replies'+x).value=
document.getElementById('reply_body'+x).innerHTML;
};
</script>

功能copycontent（x）
{
document.getElementById（'replements'+x）.value=
getElementById（'reply_body'+x）.innerHTML；
};

---

因此，我的问题是，如果id的一部分是{{forloop.counter}}，如何设置这个contenteditable div的样式？

使用类来设置样式：

<div id="..." class="reply">

ID（在CSS中由

#

表示）必须是元素的唯一ID，类（在CSS中由

表示）可以与多个元素一起使用

.reply {
    /* Your styles here */
}