Javascript 如何使用appendChild将类添加到按钮?

Javascript 如何使用appendChild将类添加到按钮?,javascript,jquery,appendchild,Javascript,Jquery,Appendchild,我创建了一个这样的按钮 var btn=document.createElement('BUTTON'); var t=document.createTextNode("X"); btn.appendChild(t); x.appendChild(btn); 如何将类添加到此按钮? 使用jQuery $(btn).addClass('your-class'); (见附件) 没有jQuery: btn.className = 'your-class'; 不是通过使用.appendChild

我创建了一个这样的按钮

var btn=document.createElement('BUTTON');
var t=document.createTextNode("X");
btn.appendChild(t);
x.appendChild(btn);
如何将类添加到此按钮?

  • 使用jQuery

    $(btn).addClass('your-class');
    
    (见附件)

  • 没有jQuery:

    btn.className = 'your-class';
    

不是通过使用
.appendChild()
,而是通过在创建的元素本身上设置:

btn.className = "myclass";
或者,如果您不关心较旧的浏览器,您可以使用:

使用:


一切正常。

createElement

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

为什么这个问题被标记为
jQuery
btn.className = btn.className + "test";
$(btn).css('font-weight','bold') or $(btn).addClass('className');
var btn=document.createElement('BUTTON');
btn.className = "CLASS_NAME";
var t=document.createTextNode("X");
btn.appendChild(t);
x.appendChild(btn);