【css】styleを直接指定してDOMのプロパティを変更する方法

以前idを取得してsetattributeで

動的にcssを変えるという方法を紹介しましたが

styleの特定のプロパティだけを直接指定して変えることも

できます。例えば以下の例

javascript

</pre>
var Tmp = document.getElementById("thumb");
Tmp.style.bottom = '97px'
<pre>

JSX

</pre>
<FlatButton id="thumb"/>
<pre>

このように指定することで、新しくbuttom要素を追加することも可能。

この他に今あるcssを以下のように更新することも可能です

</pre>
var tmp = document.getElementById("tabList");
tmp.className = "";
<pre>

</pre>
<ul className="main  id='tabList'>
<pre>

classNameを空白にして紐つけてあるcssを解除することもできます。

柔軟ですね。素晴らしい。