在KotlinJS中使用标准HTML元素可以安全地输入

我试图动态创建一个图像,然后我将附加到DOM。

import org.w3c.dom.HTMLImageElement fun main(args: Array) { // load footer banner image val img: HTMLImageElement = HTMLImageElement() with (img){ src = "img/footer.png" classList.add("img-responsive") } } 

但是,它不喜欢我的构造函数HTMLImageElement()因为HTMLImageElement是一个接口。

删除构造函数和Kotlin抱怨img必须被初始化。

什么是以types安全的方式使用HTMLImageElement的正确方法?

更新 :我现在正在使用maven生成所有的应用程序。

   4.0.0 com.blah blah jar 1.0.0 Blah  1.0.2 0.5.8    bintray-kotlinx bintray http://dl.bintray.com/kotlinx/kotlinx     org.jetbrains.kotlinx kotlinx.html.js ${kotlin.html.version}    

编译blah.jsblah.js.mapblah.js.metakotlin.jskotlinx.html.jskotlinx.html.meta.jskotlinx.html.shared.jskotlinx.html.shared.meta.jsstdlib.meta.js

在我的html文件(这是坐在我的根目录),我包括以下内容:

      

我在我的Main.kt有一个println("hello world") ,它在浏览器的浏览器中在浏览器控制台中打印“hello world”。

现在我仍然想要使用Kotlin动态地添加该图像…

该文档说我应该做document.create.div("panel")创建一个div ,但document.create... autocompletes createAttributecreateComment等,没有create()方法在视线的任何地方。 (文档来自包“kotlin.browser”)。

我不确定如何使用kotlinx.html因为我在IntelliJ中看到的不匹配文档。

如何使用KotlinJS将动态创建的图像附加到现有的div上?

Kotlin language will be the best programming language for Android.