JavaScript で class 属性の値を取得・変更する
published:
2018.09.03 /
modified:
JavaScript の className プロパティを利用して、クラス名を取得したり、設定（変更）したりする。
className でクラス名を取得するサンプル
HTML
<div id="hoge" class="class_1 class_2"></div>JavaScript
var className = document.getElementById('hoge').className;
console.log(className); // class_1 class_2className でクラス名を設定（変更）するサンプル
HTML
<div id="hoge" class="class_1 class_2"></div>JavaScript
document.getElementById('hoge').className = "class_3";
var className = document.getElementById('hoge').className;
console.log(className); // class_3