Javascrip 调用 CSS问题

本人是javascript 新手，想用Javascript 调用CSS，但是方法想出来了，却写不出来。

希望大家帮帮忙。

<Div id="D" Onclick="x("D")" > // 调用 </div> 点击后的效果出现这!

这里是想javascript调用CSS的过程.

<script type="text/javascript">

<!--

//下面的是我方法，写不出来，只能把意思说出来，大家帮帮忙。

function x(a)

var z

if (z==""){

z=a

z.className='css1

}

elseif ( z==a ) {

z.className='css2

z=""

}

elsefi (z != a) {

z.className='css2'

z=a

z.classNma='css1'

}

end function

//-->

</script>

大概意思就是这样

大家帮帮忙。

<Div id="D" Onclick="x(this);" ></div>

<script type="text/javascript">

<!--

function x(divObj)

{

if(divObj.className=="")

{

divObj.className="css1";

}

else if(divObj.className=="css1")

{

divObj.className=="css2";

}

else

{

divObj.className=="css1";

}

}

//-->

</script>