Dodaj identyfikator/klasę do obiektów z metody createElement

Question

Ta instrukcja dotyczy metody DOM DOM createElement(). Na przykład można utworzyć przycisk przez:

var btn = document.createElement ("BUTTON");

Jak jednak dodać identyfikator/klasę do tego przycisku? I co jeszcze mogę z tym zrobić?

Answer 1

Jednym ze sposobów, z Javascript jest za pomocą setAttribute:

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); 

Zaletą jest, że można przypisać dowolne wartości dowolnych nazwach.

element.setAttribute(name, value); 

https://developer.mozilla.org/en-US/docs/Web/API/element.setAttribute

Answer 2

Można przypisać do swojej własności:

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