onclick 控制超连接样式

Question

如何使用超连接本身的onclick事件控制它自己的样式？

Answer 1

<a href="javascript:this.style.color=red">click</a>

Answer 2

<a href="javascript:this.style.cssText='asdfasdfasdfasdf'">click</a>
<a href="javascript:this.className ='asdfasdfasdfasdf'">click</a>

Answer 3

我希望是 
<javascript language=javascript>
function change(){
//设置超连接的字体颜色等，我希望通过点击设置自己的超连接的css样式
}
</script>
<a href="1.php" onclick="change()">click</a>

Answer 4

<a id="test1" href="#" onclick="test()">Hello World</a>
<script>
function test(){
document.all.test1.style.color="green";
}
</script>不知道你要的是不是这种效果

Answer 5

<style type="text/css">
<!--.style1 { background: #000; color: #FFF; }
.style2 { background: #FFF; color: #000; }//-->
</style><a href="1.php" onmouseover="this.className='style1';" onmouseout="this.className='style2';">click</a>