如何在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

​<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")