如何在JavaScript中将className添加到div标签？

Question

请参阅下面的代码：

 var newcontent = document.createElement('div'); newcontent.innerHTML = 'draggable'; newcontent.className = 'myclass'; document.body.appendChild(newcontent.firstChild); 

Answer 1

您需要附加newcontent ，当前您要附加newcontent.firstChild这是一个文本节点，因此css类没有影响。

 var newcontent = document.createElement('div'); newcontent.innerHTML = 'draggable'; newcontent.className = 'myclass'; document.body.appendChild(newcontent); 

 .myclass { color: red } 

Answer 2

您的方法非常好。 但是，您应该在代码中声明css类，以便元素可以正确选择它。

.myclass {
  color: red
}

这是您的代码：

    var newcontent = document.createElement('div');
    newcontent.innerHTML = 'draggable';
    newcontent.className = 'myclass';
    document.body.appendChild(newcontent.firstChild);

Answer 3

 $("body" ).append("<div class='myclass'>draggabble</div>"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

你可以试试这个