ノードのクラス名を取得する - JavaScript Ajax プログラミング

PROGRAM

getElementById や getElementsByTagName で取得したノードや、そこから childNodes[i] で取得したノードのクラス名を取得したい場合には、次のようにします。

pNode.className;

このようにすることで、そのノードのクラス名を文字列で取得することが可能です。

他にも "pNode.getAttribute('class')" という方法でも Safari や Google Chrome ではクラス名を取得することができますけど、Internet Explorer (IE8) では値を取得することはできないようでした。

同様に、タグにクラス名を設定するときにも、className プロパティに値を代入する方法でないと、Internet Explorer (IE8) ではクラス名が設定されないため、スタイルシートで指定した書式を動的に適用させたい場合には、意図した動作をしてくれないので注意です。