javascript创建动态增加类名称的元素

Question

如何动态创建元素（例如div）并将它们附加到正文以增加其className编号，例如：name1，name2，name3等。??

<div class="name1"></div>
<div class="name2"></div>
<div class="name3"></div>
<div class="name4"></div>

Answer 1

for(var i = 0; i < 4; i++){
    var ele = document.createElement("div");
    ele.setAttribute("class", "name" + (i + 1));
    document.body.appendChild(ele);
}

Answer 2

试试这个：

for(var i = 1; i < 5; i++){
  var ele = document.createElement('div');
  ele.className = "name" + 1;
  document.body.appendChild(ele);
}