如何在Clojurescript中设置DOM元素的属性？

Question

我希望使用Clojurescript设置“input”元素的“value”属性，但我在使用goog.com中的setProperties语法上遇到了麻烦。有人有一个可用的示例吗？ 更新 看起来这个可以工作：

(goog.dom.setProperties 
 (goog.dom/getElement "element-name")
 (clj->js {:value "text"}))

- yazzapps.com

Answer 1

如果您需要创建用于JS API的一次性JS对象，可以直接使用 js-obj 实现：

(js-obj "value" "text")
;; produces {"value": "text"} in the compiled output

如果您已经拥有一个包含适当条目的ClojureScript映射，clj->js将更加方便。

更重要的是，您可能希望考虑切换到ClojureScript库来操作DOM。 有几个可用：

• Luke VanderHart的Domina可能是第一个，被Enfocus（下面列出）和Pedestal使用；

• Prismatic的dommy，因其自身优点以及在Prismatic博客上关于它的非常有趣的博客文章而著名（这可以作为了解宏好处的绝佳介绍：第一篇，第二篇，第三篇）；

• Creighton Kirkendall的Enfocus，它是ClojureScript的类似于Enlive的库，非常棒；

• Kevin Lynagh的Singult，这是一个针对ClojureScript的Hiccup样式库，具有将更改合并到DOM中而不是从头重新渲染的很酷的功能。

- Michał Marczyk