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

Question

我有一个像 <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。但是这个returnsnull。我也试过document.appendChild(node)...

另外，我更喜欢以上哪个套餐？

Answer 1

我刚刚发现编译后的应用程序的 JS 输出需要位于应用程序内部引用的元素下方。

我创建了一个 demo case that illustrates this:

<!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>

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

How to attach an HTML element or a DocumentFragment to the DOM?

javascript

kotlin