In ClojureScript, Set multiple properties of a javascript object at once

Question

I am using doto to assign properties of a Dom element in ClojureScript, as below:

(let [img
          (doto (.createElement js/document "img")
            (set! -src "bunny-512.png")
            (set! -height 64)
            (set! -width 64))]
;...
)

Is there a way to do set all the properties at once via a map of properties+values instead?

Was thinking something like:

(let [img (.createElement js/document "img")]
  (set! img {:src "bunny-512.png" :height 64 :width 64})

But that does not work ...

This question stackoverflow.com/questions/17545607/… contains an example, that supposedly works. — cfrick
– cfrick, Commented Sep 1, 2022 at 13:31

Martin Půda · Accepted Answer · 2022-09-01 14:08:57Z

1

Try something like this:

(defn set-props [o property-map] 
  (doseq [[k v] property-map] 
    (.setAttribute o (name k) v)))

Test:

(def mg (.createElement js/document "img"))

cljs.user=> (set-props mg {:src "foo.png" :height 128 :width 128})
nil

cljs.user=> (.-src mg)
".../foo.png"

cljs.user=> (.-width mg)
128

cljs.user=> (.-height mg)
128

answered Sep 1, 2022 at 14:08

Martin Půda

7,8812 gold badges8 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nicolas Modrzyk Over a year ago

I am guessing no function nor macro to do this from core ?

Collectives™ on Stack Overflow

In ClojureScript, Set multiple properties of a javascript object at once

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related