Javascriptで表示を切り替えたり、classを変更したりする方法。

PHPは動的なページを作る際に有効だけど、Javascriptのように小さな変化を作るのには不向きだなーと感じます。というわけでJavascriptをさっそく本格的に使うことにしたので、ちょっとしたメモを今回から開始。ついでにJavascriptのカテゴリも増設しました。

Javascriptで表示・非表示を切り替える。

以下のサイトは初心者にも分かりやすくソースをまとめてくれています。
WEBプログラム覚書::表示内容の切り替え(JavaScript)

JavascriptでCSSを変更する。

上記のページのソースを応用することで簡単にできます。

1

document.getElementById("id_name").className = "new_class_name";