Question

我很好奇如何创建类似5个div并且每个id都是这样的，通过循环将它们全部输出来进行循环。

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>

我认为你会创建一个for循环，但我不知道在html中放入什么来将计数器放入id名称。

Answer 1

是的 - 您可以使用for循环：

@for(var i = 1; i < 6;i++){
    <div id="@("div" + i)"></div>
}

修改后考虑到＆＃34; div＆＃34; id中的前缀。

Answer 2

您需要知道在整个HTML文件中您希望放置这些div元素的位置，然后再担心自动将它们放在那里的代码。如果您只想附加它们，可以使用document.write（）函数。如果你想让它们在一些其他元素中，比如表单元素，那么事情会变得有点棘手。

以下是一些JavaScript代码，显示了几种可能性（JavaScript将由文档的body元素的“onload”事件处理程序调用）：

var frm, dv, indx, str, txt;
frm = document.getElementById("FormId"); //obviously the form element needs an id
for(indx=1; indx<6; indx++)
{ str = "div" + indx;
  dv = document.createElement("div");
  dv.id = str;
//If the div should contain some text, then you also need lines like these two:
  txt = document.createTextNode("Here is some text for " + str);
  dv.appendChild(txt);

  frm.appendChild(dv); //ok, now insert the div into the form
//Another alternative involves yet another function:
  document.body.insertBefore(dv, frm); //PRECEDE the form element with the div
//Finally, as originally mentioned:
  document.write(dv); //append the div at the end of the document
}

Answer 3

或者在php中：

for( $i = 0; $i < 5; $i++ ) { 
     print("<div id='div$i'> </div>"); 
}

如何用不同的id循环一堆div？

3 个答案: