ID /クラスをcreateElementメソッドからオブジェクトに追加する

Question

このw3schools pageには、HTML DOM createElement（）メソッドが記述されています。たとえば、ボタンを作成するには、

var btn = document.createElement（ "BUTTON"）;ボタンを作成します。

しかし、このボタンにID /クラスを追加するにはどうすればよいですか？それ以外は何ができますか？

Answer 1

一つの方法を、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); 

利点は、あなたが任意の名前に任意の値を割り当てることができるということで。

element.setAttribute(name, value); 

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

Answer 2

あなたは、そのプロパティに割り当てることができます：JavaScriptを使用して

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