Javascript 需要为windows 10笔记本电脑的小型食品购物网站制作超级简单的HTML/Javscript评论部分谢谢，非常感谢

我需要帮助，使我的网页评论部分。 我尝试了document.createElement和.appendChild（），但不适合我。我已经附上了我现在所拥有的

函数levecomment（）{
让name=String（document.getElementById（'name'）.value）；
让topic=String（document.getElementById（'topic'）.value）；
let comment=String（document.getElementById（'commenttt'）.value）；
让userbox=document.createElement（“div”）
userbox.className=“userbox”
让pfp=document.createElement（“div”）
pfp.className=“pfp”
让注释=document.createElement（“div”）
commentation.className=“comment”
让image=document.createElement（“img”）
setAttribute（'src'，'multimedia/images/pfp.jpg'）；
setAttribute（'alt'，'pic'）；
让username=document.createElement（“h2”）
标题=document.createElement（“h3”）
让text=document.createElement（“p”）
const newName=document.createTextNode（名称）；
const newTopic=document.createTextNode（主题）；
const newco=document.createTextNode（注释）；
pfp.appendChild（图像）
pfp.appendChild（新名称）
注释.appendChild（newTopic）
comment.appendChild（文本）
userbox.appendChild（pfp）
userbox.appendChild（注释）
var元素=document.getElementsByClassName（“注释”）
元素appendChild（userbox）；
}

首先，该代码可以使用更多的空格以提高可读性。尝试将相关行分组，并用空行分隔组

您需要实际引用正确的元素，并在创建元素后实际填充它们。我想这正是你想要的：

函数levecomment（）{
让name=String（document.getElementById（'name'）.value）；
让topic=String（document.getElementById（'topic'）.value）；
let comment=String（document.getElementById（'commenttt'）.value）；
让userbox=document.createElement（“div”）
userbox.className=“userbox”
让pfp=document.createElement（“div”）
pfp.className=“pfp”
让注释=document.createElement（“div”）
commentation.className=“comment”
让image=document.createElement（“img”）
setAttribute（'src'，'multimedia/images/pfp.jpg'）；
setAttribute（'alt'，'pic'）；
让username=document.createElement（“h2”）
标题=document.createElement（“h3”）
让text=document.createElement（“p”）
text.appendChild（document.createTextNode（注释））
username.innerHTML=名称；
heading.innerHTML=主题；
const newco=document.createTextNode（注释）；
pfp.appendChild（图像）
pfp.appendChild（用户名）
注释.附件（标题）
注释.appendChild（文本）
userbox.appendChild（pfp）
userbox.appendChild（注释）
var element=document.getElementById（“注释部分”）
元素appendChild（userbox）；
}

.pred{
宽度：40%；
浮动：左；
}
.评论{
宽度：50%；
浮动：左；
}

测试
留下你的评论！




昵称或姓名



讨论题目-





评论：

评论！
评论

上下快速移动
随机话题哈哈
随机话题很糟糕

你的问题就在这里

var element = document.getElementsByClassName("comments")
element.appendChild(userbox);

getElementsByClassName

返回名为

HTMLCollection

的内容，该内容没有

appendChild

方法

要使上述代码正常工作，您需要这样调用它

var element = document.getElementsByClassName("comments")
element[0].appendChild(userbox);