如何使用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'); 

一切都OK。

Answer 5

嘗試後createElement

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