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