javascript - 指定元素的位置，React-Bootstrap

Question

我是 JS 世界的新手，并且遇到了这个可能很简单的问题：我想指定将添加到另一个元素的元素的位置，并且我想在应用程序中设置位置，而不是在 .css 中。

我现在有

var obj = DOM.div({className: 'testPlace'},
             React.createElement("a", {id: 'testPlace'},".")
         );

在 .css 中

div.testPlace {  position: absolute;
                    right: 50px;
                    bottom: 100px;
                }

我想为应用程序内部的右侧和底部设置参数，而不是在 .css 中。我怎样才能做到这一点 ？

谢谢！

Answer 1

在 ReactJS 中，您可以在创建元素时设置它，如下所示：

这将是：

React.createElement("a", {style: {position: "absolute", right: "50px", bottom: "100px"}}, {id: 'testPlace'},".")

在纯 Javascript 中，您可以将属性设置为：

element.style.right = "50px";

element.style.bottom = "100px";