独自定義の属性にアクセスする(getAttribute)

例えばaaa属性の値が欲しい場合

<tr id="Any" aaa="abc" class="myClass">

IE6.0SP2では以下のように参照できますが、FireFox2.0では不可(undefined)。

// IE6.0SP2(FireFox2.0不可)
document.getElementById('Any').aaa;

DOM LEVEL1のElement#getAttributeメソッドを利用すれば、IEでもFireFoxでも参照可能。

// IE6.0SP2、FireFox2.0ともにOK
document.getElementById('Any').getAttribute("aaa");

なおgetAttributeでclass属性を参照する場合は、IEFireFoxでやり方がことなるので注意。

// FireFox,Opera,Safari
document.getElementById('Any').getAttribute('class');
// IE
document.getElementById('Any').getAttribute('className');