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

Question

这个w3schools 页面提到了 HTML DOM createElement() 方法。例如，您可以通过以下方式创建一个按钮

var btn=document.createElement("按钮");

但是，如何向此按钮添加 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';