如何添加DOM元素在for循環

Question

如何創建新的元素，每次當（i）將遞增：

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

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

Answer 2

使用純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。

乾杯！