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

时间:2015-01-13 19:28:48

标签: javascript kotlin

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

container HTML page
<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) ...

我还应该选择上述哪个套餐?

1 个答案:

答案 0 :(得分:3)

我只知道编译应用程序的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>