javascript - 将 JS DOM 元素添加到空的 html shell

Question

我正在尝试在 JS 中创建节点并将它们添加到一个空的 html 文件中（只是外壳，实际上不是空的，当尝试将 div 附加到正文时，我收到此错误：

HierarchyRequestError：无法在“节点”上执行“appendChild”：文档上只允许一个元素。错误：无法在“节点”上执行“appendChild”：文档上只允许一个元素。在测试中

function test() {
  var div = document.createElement("div");
  var para = document.createElement("p")
  var node = document.createTextNode("Hello");
  para.appendChild(node);
  div.appendChild(para);
  document.body.appendChild(para);
}
test();

最后一条语句给了我错误，该语句不是正确的附加方式吗？

标签： javascript