通过javascript创建HTML元素无效

我目前是javascript的新手，刚刚开始学习如何使用javascript函数document.createElement（）创建新的DOM元素。问题是我被所有这些函数弄糊涂了。代码太低是我想要创建的

我对如何将这些元素附加到id为“date”的元素感到困惑。这是我到目前为止所做的

函数createElements（）{
//创造
var div=document.createElement（'div'）；
var attributevider=document.createAttribute（'class'）；
attributevider.value=“分隔符”；
组属性节点（属性标识符）；
//创造
var div2=document.createElement（'div'）；
var attributeSection=document.createAttribute（'class'）；
attributeSection.value=“节”；
第2部分：设置属性节点（属性部分）；
//制造h5
var h5=document.createElement（'h5'）；
var attributeH5=document.createAttribute（'id'）；
attributeH5.value=“测试”；
//创造东西
var stuff=document.createElement（'stuff'）；
//创建日期
var date=document.getElementById（“日期”）；
日期：儿童（h5）；
}

创建日期

第一节
东西

您正在创建元素，但是没有将它们添加到HTML中

试着跟随

函数createElements（）{
//创造
var div=document.createElement（'div'）；
var attributevider=document.createAttribute（'class'）；
attributevider.value=“分隔符”；
组属性节点（属性标识符）；
//创造
var div2=document.createElement（'div'）；
var attributeSection=document.createAttribute（'class'）；
attributeSection.value=“节”；
第2部分：设置属性节点（属性部分）；
//将节div附加到分隔器div
儿童分部（第2分部）；
//制造h5
var h5=document.createElement（'h5'）；
//添加内容
h5.textContent=“第1节”；
//将h5追加至第二节
第2分部儿童（h5）；
//创造东西
var stuff=document.createElement（'stuff'）；
//添加内容
stuff.textContent=“stuff”；
//将stuff元素追加到节div
第2部分：儿童（物品）；
//获取日期元素
var date=document.getElementById（“日期”）；
//附加上面创建的结构
日期：儿童（分部）；
}
createElements（）
date Created
您需要创建元素的属性，而不是dom，因此div2.id=“div2”我建议使用更简单的
元素.setAttribute
API，而不是
文档.createAttribute
。从1998年开始的DOM级别1是一个奇怪的、过于冗长的野兽。这就是为什么jQuery被发明了，现在我们进入了DOM级别3。感谢您的回复，我可以通过您的代码清楚地看到逻辑。但当我运行它时，发生了一件奇怪的事情。它既没有显示在html标记中，也没有显示在页面本身上。我试图在函数中放置一条警告消息，它发出的警告很好，但html元素没有showing@Ignorant23-它在我共享的代码中运行良好。看来你做错了什么。你能把这个问题复制到某个地方让我看一下吗？好的，运行代码片段你提供的代码肯定是有效的，这可能是我代码中的错误。谢谢你，先生。@Ignorant23-欢迎大副：）