Как добавить класс в кнопку с помощью appendChild?

Question

я создал кнопку, как этот

var btn=document.createElement('BUTTON'); 
var t=document.createTextNode("X"); 
btn.appendChild(t); 
x.appendChild(btn); 

как я могу добавить класс к этой кнопке?

Answer 1

Не используя .appendChild(), а установив .className property на самом созданном элементе:

btn.className = "myclass"; 

Или, если вы не заботитесь о старых браузерах, вы можете использовать .classList:

btn.classList.add("myClass"); 

Answer 2

• с JQuery:

  $(btn).addClass('your-class'); 
  

  (см jQuery docs)

• без JQuery:

  btn.className = 'your-class'; 
  

Answer 3

использование:

btn.className = btn.className + "test"; 

Answer 4

$(btn).css('font-weight','bold') or $(btn).addClass('className'); 

все в порядке.

Answer 5

Попробуйте btn.className после createElement

var btn=document.createElement('BUTTON'); 
btn.className = "CLASS_NAME"; 
var t=document.createTextNode("X"); 
btn.appendChild(t); 
x.appendChild(btn);