【javascript】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を解除することができる。

生のjsですが実用的。