javascript - 为什么 insertBefore 显示错误

Question

我打算通过 javascript 创建一个新的 Div 元素，但我在将代码附加到 DOM 时遇到问题

<div id="container">
  <div id="content"></div>
   </div>
  <script>
    var container = document.getElementById('container');

    function divCreate() {

        var newDiv = document.createElement('div');
        var newContent = document.createTextNode('Hello this is 
         
        div via javascript!'); 
                                                               
        newDiv.appendChild(newContent);

        var currentDiv = document.getElementById('content');

        document.body.container.insertBefore(newDiv, currentDiv);
  }
                  
  divCreate();
  </script>

我的实际意图是在容器内的内容之前插入新的 div。我确实将 DOM 理解为一棵对象树和层次结构。我认为我可以通过这个层次结构来导航树。这是来自文档--->正文----->容器。

它确实适用于容器，但不适用于内容 div。有人可以告诉我这里缺少什么吗？

我确实尝试将 newDiv 附加到 DOM 中的内容之前，但我做不到。我能够将它附加到容器 DIV，它是内容 Div 的父级。我主要关心的是为什么 ami 无法使用 insert before 方法将其附加到内容之前。

Answer 1

I thought that i could navigate the tree via this hierarchy . that is from document--->body----->container.

你不能。

使用 document.getElementById() 通过 ID 获取元素。