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

Question

这个w3schools页面提到了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';