如何在for循环中添加DOM元素

时间:2012-10-10 13:47:18

标签: javascript dom

每次(i)递增时,如何创建新元素:

for(int i = 0; i < 10; i++)
{
    Element child = doc.createElement("xxx");
    root.setAttribute("x", i * "xx");
    doc.appendChild(child);
}

2 个答案:

答案 0 :(得分:3)

使用纯粹的js

var div = document.getElementById("main");

for (var i = 0; i < 10; i++) {
  var span = document.createElement("span");
  span.setAttribute("class", "new");
  span.innerHTML = "span" + i;
  div.appendChild(span);
}​

HTML

​<div id="main"></div>​​​​​​​

工作example

干杯!!

答案 1 :(得分:1)

使用java

    Element child = null;        

    for(int i = 0; i < 10; i++)
    {
      child = doc.createElement("xxx" + i);//you can write a method with int parameter to get element name from somewhere else 

      doc.appendChild(child);
    }

我希望这是你想要的,顺便提一下你应该使用doc.createTextNode("A")

的文本节点