如何将HTML元素或DocumentFragment附加到DOM?

我有一个像<p>Hello, World!</p>这样的HTML片段<p>Hello, World!</p>并且希望将其附加到包含HTML页面的容器

 <script src="lib/kotlin.js"></script> <script src="my-app.js"></script> 

我脑海中有两个包:

  • kotlin.js.dom.html.window.document。*
  • kotlin.browser.document。*

我应该使用哪一个,如何访问文档的根目录? 我已经尝试document.getElementById("container") ,其中容器是一个DIV的ID。 但是这返回null 。 我也试过document.appendChild(node)

还有哪些我应该更喜欢上面的软件包?

我只是想出了编译的应用程序的JS输出需要低于应用程序内引用的元素。

我已经创建了一个演示例子 :

 <!DOCTYPE html> <meta charset="utf-8"/> <script src="lib/kotlin.js"></script> <p>Look inside the JavaScript Console of your browser…</p> <div id="container"></div> <script> console.log("Native JavaScript"); </script> <!-- This script tag was misplaced. It needs to be placed after all elements you want to access in your DOM --> <script src="kotlin-javascript-hello-world.js"></script>