javascript - 为使用 forloop.counter 的 Div 设置样式

Question

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

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

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

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

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

Answer 1

使用一个类来设置它的样式：

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

CSS：

.reply {
    /* Your styles here */
}

ID（#在 CSS 中表示）对于一个元素必须是唯一的，类（.在 CSS 中表示）可以与多个元素一起使用。