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_2
className でクラス名を設定(変更)するサンプル
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