要素スタイル、属性

1.floatスタイル
要素のスタイルを取得するには、基本的な文法は、element.style.属性であり、属性に「-」のハイフンがある場合、代わりにラクダのピークの名前が必要です.
floatはjavascriptの保留文字なので、私達はobject.style.floatを使ってスタイルを取得することができません.

//IE

document.getElementById("  ID").style.styleFloat = "left";



//W3C

document.getElementById("  ID").style.cssFloat = "left";

2.スタイルの計算
element.style.属性を使うことによって、要素のインラインスタイルしか入手できません.時々、要素の最終的なスタイルをすべて取得する必要があります.「計算スタイル」です.

var elm = document.getElementById("  ID");

var myStyle;



//IE

myStyle = elm.currentStyle.backgroundColor



//W3C

var myComputedStyle = document.defaultView.getComputedStyle(elm, null);

myStyle = myComputedStyle.backgroundColor;

3.labelのfor属性

var elm = document.getElementById('  ID');

var labelFor;



//IE

labelFor = elm.getAttribute('htmlFor');



//W3C

labelFor = elm.getAttribute('for');

4.カーソル位置

//IE

event.clientX

event.clientY



//Firefox

event.pageX

event.pageY

5.アルファ透明
要素のフェードアウト効果を設定するためによく使われますが、アルファを設定することによって実現されます.
CSS

.elm {



    /*IE*/

    filter: alpha(opacity=50);



    /*W3C*/

    opacity: 0.5;



}

JS

var elm = document.getElementById('  ID');



//IE

elm.style.filter = 'alpha(opacity=50)';



//W3C

elm.style.opacity = '0.5';