创建一个按钮并使用javascript设置其类

Question

我正在尝试在JavaScript中创建一个待办事项列表,其中列表是在提交输入时动态创建的.我想要的是任务列表和除了它们之外的删除按钮.除了我无法使用javascript向按钮添加类之外.

这是我的代码..

<button id="add" onclick="takeInput()">Add new task</button>

<script>
function takeInput()
{
  var task=prompt("Enter the new to do work");
  if(task!=null)
  {
    var list=document.createElement("li");
    var btn=document.createElement("button");
    var data=document.createTextNode(person);
    var btndata=document.createTextNode("delete");
    list.appendChild(data);
    btn.appendChild(btndata);
    document.getElementById("list").appendChild(list);
    document.getElementById("list").appendChild(btn);

  }
}
</script>

Answer 1

您可以向动态创建的按钮添加类,如下所示:

....
var btn=document.createElement("button");
btn.className = "YourClass"; 
//OR
btn.className += " YourClass" //If you want to add to existing classes
....