Javascript 设置动态生成的元素的样式

下面我将介绍如何动态生成DOM元素。 假设我有一个生成一系列按钮的代码段：

for(var i = 0; i < result.length;i++){
      var menuCatButton = document.createElement("button");
      menuCatButton.id = "menu-mgt-button-"+result[i];
      menuMgtCategoryButtons.appendChild(menuCatButton);
}

添加这一行

menuCatButton.className="new-button"

---

只需在创建元素之后将类添加到循环中的每个元素中

menuCatButton.classList.add("new-button");

---

可以使用classList.add将类添加到元素中

演示：

var结果=[1,2]； var menuMgtCategoryButtons=document.getElementById'menuMgtCategoryButtons'； forvar i=0；i首先感谢您的回复。我将接受@Mamun解决方案，因为它让我对createElement有更多的了解。

menuCatButton.classList.add("new-button");