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를없이

• (jQuery docs 참조)

  btn.className = 'your-class'; 
  

Answer 3

사용 :

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

Answer 4

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

모두 OK입니다.

Answer 5

왜이 질문은`jQuery` 태그가 createElement

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