KotlinJSの標準HTML要素を安全に入力する

Question

私はDOMに追加する画像を動的に作成しようとしています。 HTMLImageElementはインターフェイスであるため、

import org.w3c.dom.HTMLImageElement 

fun main(args: Array<String>) { 

    // load footer banner image 
    val img: HTMLImageElement = HTMLImageElement() 
    with (img){ 
     src = "img/footer.png" 
     classList.add("img-responsive") 
    } 

} 

しかし、それは私のコンストラクタHTMLImageElement()が好きではありません。

コンストラクタとKotlinを削除すると、imgが初期化されなければならないという不満があります。

タイプセーフな方法でHTMLImageElementを使用する正しい方法は何ですか？

更新：私は現在、必要なものをすべて生成するmavenを使用しています。 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をコンパイル

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd"> 
    <modelVersion>4.0.0</modelVersion> 
    <groupId>com.blah</groupId> 
    <artifactId>blah</artifactId> 
    <packaging>jar</packaging> 
    <version>1.0.0</version> 
    <name>Blah</name> 

    <properties> 
     <kotlin.version>1.0.2</kotlin.version> 
     <kotlin.html.version>0.5.8</kotlin.html.version> 
    </properties> 

    <repositories> 
     <repository> 
      <id>bintray-kotlinx</id> 
      <name>bintray</name> 
      <url>http://dl.bintray.com/kotlinx/kotlinx</url> 
     </repository> 
    </repositories> 

    <dependencies> 
     <dependency> 
      <groupId>org.jetbrains.kotlinx</groupId> 
      <artifactId>kotlinx.html.js</artifactId> 
      <version>${kotlin.html.version}</version> 
     </dependency> 
    </dependencies> 

</project> 

。私は、ブラウザの印刷に細かい実行私Main.ktでprintln("hello world")の「Hello Worldを持って

<script type="text/javascript" src="js/jquery-1.12.4.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="target/classes/kotlin.js"></script> 
<script type="text/javascript" src="target/classes/kotlinx.html.shared.js"></script> 
<script type="text/javascript" src="target/classes/blah.js"></script> 

：（私のルートディレクトリに座っている）私のhtmlファイルでは、私は次のことを含めてい

"をクリックします。

今、私はまだ動的Kotlinを使用して、その画像を追加したい...

ドキュメントはなど私はdivを作成するためにdocument.create.div("panel")を行うべきであると言うが、createAttributeからdocument.create...オートコンプリート、createComment、どこにも見えないcreate()方法。 （文書はパッケージ 'kotlin.browser'からのものです）。

kotlinx.html私はIntelliJで見ているものがドキュメントと一致していないので、正確にはわかりません。

KotlinJSを使用して既存のdivに動的に作成されたイメージを追加するにはどうすればよいですか？

Answer 1

私はちょうどkotlin2jsとkotlinx.htmlIRus/kotlin-kotlinx.htmlでサンプルプロジェクトを作成します。 kotlinx.html（0.5.8）の現在のバージョンはKotlin 1.0.2と互換性がありませんが、kotlin 1.0.1-2でうまく動作します。