2015年7月19日日曜日

Dart でスタイルを設定するには

Dart が JavaScript のコンパイル前提と考えた際に、よく使いそうなコードを残していこうと思います。


HTML 要素へのスタイルの適用は基本的に css ファイルで行いますが、時にソースコードから動的に設定する必要がある場合もあります。
ごくごく基本的なコードではありますが、複数の言語を扱うような人の場合、混乱する場合もあるので書き残します。




上の例では「sample_container_id」という id が指定された HTML 要素(今回は div 指定)に対して、スタイル「color : red」を設定しています。
Dart でのスタイル指定は CssStyleDeclaration クラスを用いて行います。
直感的に書ける感じなのでいいですね。


今回は以上です。