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

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

本文关键字：DOM DocumentFragment HTML 元素      更新时间：2023-09-26

我有一个像<p>Hello, World!</p>这样的 HTML 片段，并希望将其附加到包含以下内容的容器 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>
相关文章：