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