javascript - OM/ react : manipulate elements outside the render target element

Question

我正在使用 om 作为 clojurescript react 接口(interface)。

有一个问题，我想这与 om 和 react 都有关:

在我的 html 正文中，我有一个 ID 为“app”的 div，它用作 om/react 作为渲染目标。

更改此元素之外的属性的首选方法是什么。更具体地说，我需要为正文设置一些样式表。

现在，更具体的 clojure:

如何为一个 javascript 对象设置多个键值对。 (例如 document.body.style)

我正在使用这个:

(doseq [[k v] {"backgroundColor" "red" "overflow" "hidden" ...}]
   (aset js/document.body.style k v))

使用 underscore.js 有一个很好的方法:

_.extend(document.body.style, {"backgroundColor": "red" "overflow": "hidden"})

嗯，但这就是这里的问题。也许它并不是真正需要的，因为有一种特殊的 om/react 方式。

Answer 1

更好的方法是使用包含所有键值对的 javascript 对象简单地设置正文样式:

(set! (.. js/document -body -style) #js {:backgroundColor "red" :overflow "hidden"})