DOM操作の簡略化：
Nodeにstyleを設定
NodeのCSSプロパティを指定して、styleを設定する。
Node
Nodeを指定 id値を文字列で指定してもよい
String
CSSプロパティ名を文字列で指定 キャメルケースでもよい (例) font-size ／ fontSize
Value
プロパティに設定する値を渡す 省略した場合は CSSでの初期設定値に戻す
●必須引数 ●オプション引数(省略可能)
記述例
$setStyle($id('item_1'), 'font-weight', 600)
$setStyle('item_1', 'fontSize')
動作サンプル
SAMPLE 1
Sass :
#sample1 {
font-size: 24px;
background: #8eb8bd;
border-radius: 8px;
}
Javascript :
$setStyle('sample1','font-size','40px');
$setStyle('sample1','background','#bdb88e');
$setStyle('sample1','borderRadius','50px');
$setStyle('sample1','fontSize'); $setStyle('sample1','background'); $setStyle('sample1','borderRadius'); //3つのプロパティを初期化
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。