How to set an attribute of a DOM element in Clojurescript?

Question

I wish to set the "value" property of an "input" element using Clojurescript, but I am having trouble with the syntax of setProperties in goog.com. Has anyone got a working example? Update ------ This seems to work: ``` (goog.dom.setProperties (goog.dom/getElement "element-name") (clj->js {:value "text"})) ```

Accepted Answer

If you need to create throwaway JS objects for use with JS APIs, you can do so directly using `js-obj`:

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

Of course if you already have a ClojureScript map with the appropriate entries, `clj->js` will be more convenient.

More importantly, you might want to consider switching to a ClojureScript library for DOM manipulation. Several are available:

Luke VanderHart's Domina, which might have been the first one, is used by Enfocus (listed below) and Pedestal;

Prismatic's dommy, notable due to its own merits as well as the very entertaining blog posts about it on Prismatic's blog (which can serve as a great introduction to the benefits of macros: first one, second one, third one);

Creighton Kirkendall's Enfocus, which is in a nutshell an Enlive-like library for ClojureScript, which is awesome;

Kevin Lynagh's Singult, which is a Hiccup-style library for ClojureScript with cool functionality for merging in changes to the DOM, rather than rerendering from scratch.

How to set an attribute of a DOM element in Clojurescript?

Solution

Problem