複数クラスとDOM

注意！この記事の内容は著しく不正確です。クラス名を操作するchangeClassメソッド (agenda)の方を参照してください。

「この文字列」に複数のクラス（class="test1 test2"）を付けてみた。ちなみにidは（id="testFord200108a23"）

実験1

document.getElementById('testFord200108a24').className

結果（Moz,IE）

test1 test2

実験2

if(document.getElementById('testFord200108a24').className == 'test1') alert('test1')

結果（Moz,IE)

何も起らず

実験3

alert(getElementById('testFord200108a24').className[1]

結果

IE

undefined

Moz

e

Moz意味不明（当方環境が原因のバグ？）。 かと思いきや、Mozの場合文字列の配列になっているらしい。

まとめ

複数クラスをclass="クラス名1 クラス名2"のように指定しても、一つのクラス名としてしか認識されない。つまり、複数クラスを認識しないどころか、全く別のクラス名として認識されてしまう。

メモ

• クラス名で判別する時は、一つしかなくとも*.className.indexOf('クラス名') != -1 で。
• getElementsByClassName()とかいうメソッドが無いのは何故。こういうのが欲しくなるのはCSSの弄りすぎか。作ってしまえばいいのかな。メソッドを。意味無いけど。