从createElement方法向对象添加ID /类

Question

这个w3schools page提到HTML DOM createElement（）方法。例如，您可以通过

创建一个按钮

  

var btn = document.createElement（“BUTTON”）;

但是，如何在此按钮中添加ID /类？我还能用它做什么呢？

Answer 1

使用Javascript的一种方法是使用setAttribute：

element.setAttribute(name, value);  

示例：

var btn=document.createElement("BUTTON");
btn.setAttribute("id", "btn_id");
btn.setAttribute("class", "btn_class");
btn.setAttribute("width", "250px");
btn.setAttribute("data-comma-delimited-array", "one,two,three,four");
btn.setAttribute("anything-random", document.getElementsByTagName("img").length);

这种方式的优点是您可以将任意值分配给任意名称。 https://developer.mozilla.org/en-US/docs/Web/API/element.setAttribute

Answer 2

您可以指定其属性：

var btn=document.createElement("BUTTON");
btn.id = 'btn_id';
btn.className = 'btn_class';