Question

请参阅下面的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

你可以试试这个

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

3 个答案: