javascript-DOM修改疯狂

我有一个函数，我想创建一个包含两个子div的容器div，一个是容器的标题，另一个是内容。出于某种原因，当我在JSFIDLE中测试它时，它不起作用

另外，我想知道如何将整个容器附加到一个div中，并在我的html中包含一个特定的类。

var add=函数（标题、内容）{
var addContainerBody=document.createElement（“DIV”）；
addContainerBody.className=“c-body”；
var addTitle=document.createElement（“DIV”）；
var titleText=document.createTextNode（title）；
addTitle.appendChild（titleText）；
addTitle.className=“title”；
var addContent=document.createElement（“DIV”）；
var contentText=document.createTextNode（内容）；
addContent.className=“content”；
addContainerBody.appendChild（addTitle）；
addContainerBody.appendChild（addContent）；
document.body.appendChild（addContainerBody）；
};
//叫它//
添加（“标题”、“文本”）
我可能遗漏了一些非常明显的东西

您永远不会将
contentText
追加到
addContent
元素


功能添加（标题、内容）{
var addContainerBody=document.createElement（“DIV”）；
addContainerBody.className=“c-body”；
var addTitle=addContainerBody.appendChild（document.createElement（“DIV”））；
addTitle.className=“title”；
addTitle.appendChild（document.createTextNode（title））；
var addContent=addContainerBody.appendChild（document.createElement（“DIV”））；
addContent.className=“content”；
addContent.appendChild（document.createTextNode（content））；
document.body.appendChild（addContainerBody）；
}
添加（“标题”、“文本”）在这里使用shadowDOM会更有效，如果你想抽象到一个框架，ReactJS将是最简单的。我不知道这是什么，对于这个项目，我不能使用单独的框架或插件。请尝试使标题相关。这仍然不能回答我的第二个问题。@SebastianOlsen:嗯，我没有发现这一点。每个帖子最好只问一个问题：-）我试过用谷歌搜索，但找不到答案，stackoverflow只允许你在设定的时间间隔内问一个问题。