在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.js
, blah.js.map
, blah.js.meta
, kotlin.js
, kotlinx.html.js
, kotlinx.html.meta.js
, kotlinx.html.shared.js
, kotlinx.html.shared.meta.js
和stdlib.meta.js
。
在我的html文件(这是坐在我的根目录),我包括以下内容:
我在我的Main.kt
有一个println("hello world")
,它在浏览器的浏览器中在浏览器控制台中打印“hello world”。
现在我仍然想要使用Kotlin动态地添加该图像…
该文档说我应该做document.create.div("panel")
创建一个div
,但document.create...
autocompletes createAttribute
, createComment
等,没有create()
方法在视线的任何地方。 (文档来自包“kotlin.browser”)。
我不确定如何使用kotlinx.html
因为我在IntelliJ中看到的不匹配文档。
如何使用KotlinJS将动态创建的图像附加到现有的div上?
我只是用kotlin2js和kotlinx.html IRus / kotlin-kotlinx.html编写示例项目。 看起来像kotlinx.html (0.5.8)的当前版本不兼容Kotlin 1.0.2,但与kotlin 1.0.1-2很好。