如何在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> 

你可以試試這個