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

Question

每次增加 (i) 时如何创建新元素：

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

Answer 1

使用纯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

​&lt;div id="main"></div>​​​​​​​

工作示例。

干杯！！

Answer 2

使用 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")