技術メモ(主に自分向け)

短期記憶の自分向けの技術メモです。

classの要素を取得してstyleを書き換える

条件によって特定のclassのstyleを変える。
クラス名を取得する方法は

document.getElementsByClassName("クラス名");

スタイルの書き換え方法は

xxx[i].style.プロパティ名 = '書き換え内容';


(例)
html側はデフォルト非表示になっている。
項目:testColumnがnullでない場合、class値zzzのstyleをblockを表示する。
コンポーネント

<div class="xxx yyy zzz" style="display:none;">
 確認用
</div>

・コントローラー側

if(testColumn != null) {
 var elements = document.getElementsByClassName("zzz");
 elements[0].style.display = 'block';
}