浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【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を解除することもできます。

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

  • この記事いいね! (0)