Javascript创建元素动态增加类名的数量

javascript create elements dynamically increasing class name number

本文关键字：增加 创建 元素 动态 Javascript      更新时间：2023-09-26

如何动态创建元素(例如div)并将其附加到body中以增加其className编号，例如:name1, name2, name3等。?？

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

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

试试这个:

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