Javascript 无法在动态div中插入动态段落

我正在编写一个代码，其中动态创建了一个

div

，我正在将这个

div

添加到现有的

div

。然后我创建一个

p

元素，并希望将其添加到动态创建的

div

中

这是我的密码：

HTML:

当我运行此操作时，在我的控制台中，我收到一个错误，提示

uncaughtdomexception:未能在“Node”上执行“appendChild”：类型为“p”的节点不能插入到类型为“DIV”的节点中。

请让我知道我哪里出了问题，我怎样才能解决这个问题

这是一把小提琴

谢谢

当我运行这个时，在我的控制台中，我得到一个错误，说Uncaught DomeException:未能在“节点”上执行“appendChild”：类型为的节点 不能在“DIV”类型的节点内插入“p”

p

也是一个元素，请根据需要更正它

var para = document.createElement("p");

---

检查更新的

或简而言之：替换

document.createAttribute（“p”）

by

document.createElement（“p”）@reporter是的，这就是我说的“更正为”的意思。谢谢你。
var modal_lg = document.getElementById("modal-lg");
//modal header
var modal_content = document.createElement("div");
modal_content.className = "modal-content";
modal_lg.appendChild(modal_content);

var modal_header = document.createElement("div");
modal_header.className = "modal_header";
modal_content.appendChild(modal_header);


var closeButton = document.createElement("button");
closeButton.className = "close";
closeButton.setAttribute("data-dismiss", "modal");

var modal_title = document.createElement("h4");
modal_title.className = "modal-title";
modal_title.innerHTML = "Details 1";

modal_header.appendChild(closeButton);
modal_header.appendChild(modal_title);

//modal body
var modal_body = document.createElement("div");
modal_body.className = "modal-body";
modal_content.appendChild(modal_body);

var para = document.createAttribute("p");
modal_body.appendChild(para);

//modal footer
var modal_footer = document.createElement("div");
modal_footer.className = "modal-footer";
modal_lg.appendChild(modal_footer);


var closeButton = document.createElement("button");
closeButton.className = "btn btn-default";
closeButton.setAttribute("data-dismiss", "modal");
closeButton.innerHTML = "Close";
modal_footer.appendChild(closeButton);

var para = document.createElement("p");