如何使用Clojurescript与htmlDOM进行交互？

我是Clojurescript的新手.我想知道如何创建html元素,以及如何使用clojurescript更改其属性.我似乎无法在网上找到很多相关信息.

ClojureScript提供与Javascript和浏览器的良好互操作性.您可以直接调用Javascript全局变量和函数来查询和操作DOM,如下所示:

(-> js/document
    (.getElementById "app")
    (.-innerHTML)) ; returns contents of element with id 'app'

(-> js/document
    (.getElementById "app")
    (.-innerHTML)
    (set! "Hello Clojure!")) ; Sets new content for element

Checkout ClojureScript cheatsheet用于CLJS中Javascript互操作性的简短摘要.

但是,现代Web应用程序不是使用这种直接DOM操作构建的.@ scott-lowe的回答建议使用Reagent,它是React的ClojureScript桥接器,是目前最受欢迎的UI框架之一.开始使用Web应用程序的好选择.

另外,我建议查看基于Reagent构建的重新框架,并为您的应用程序提供状态管理.简单的入门方法是安装Leiningen构建工具,简单地说lein new re-frame my-app-name.这为您提供了一个很好的模板来开始实验.运行应用程序,lein figwheel您可以在浏览器中立即看到对cljs代码的更改.开始入侵的好地方是views.cljs,其中包含针对您的主应用程序的类似打嗝的模板.