Javascript 如何在将div引用到类时动态创建div？

在这里到处找，但似乎找不到答案！ 这是作业！所以我不希望任何人为我写任何东西，只是为了帮助我：）

我试图有一个带有post按钮的HTML消息框。单击“发布”按钮时，消息连同日期一起发布到div-bellow中。这可以做很多次，最新的会在最老的下发布。我尝试的方法是每次创建一个新的div，并将它们都分配给CSS文档中的同一个类。消息和日期必须位于单独的“p”标记中，并指定其自己的类别。如果有人知道更好的方法，我洗耳恭听。尽管如此，我的Javascript文档必须是外部的

我目前有以下代码：

function createComment(){
var message = "";
var divTag = document.createElement("div");
divTag.className = "commentDiv";
divTag.innerHTML = Date();
message=document.getElementById("textBox").value;
document.getElementById("comments").innerHTML=message;
}

我试图创建div，然后给它一个ID“commentDiv”，因为这是我的CSS文档中已经设置样式的div ID。然后我在内部HTML中发布日期，并将文本框中的值保存到一个名为“message”的变量中。然后，我尝试将消息打印到ID为“comments”的段落标记中。我对web Javascript非常陌生。所以说实话，我真的不知道我在做什么哈哈。

---

非常感谢您的帮助。谢谢

我想你要找的是

var ct = document.getElementById('comments')

function create(){
    var divTag = document.createElement('div');
    divTag.className = 'comment';

    var p1 = document.createElement('p');
    p1.className = 'date';
    p1.innerHTML = new Date();
    divTag.appendChild(p1)

    var p2 = document.createElement('p');
    p2.className = 'message';
    p2.innerHTML = 'nop';
    divTag.appendChild(p2);

    ct.appendChild(divTag);
}

演示：

---

可用于将子元素附加到节点。

使用

id

而不是

className

？如果使用id，则每页只能创建一个div。那么您的样式规则无法应用于该div！这正是我所需要的。非常感谢你的帮助！