简单onmouseover调用javascript无法正常工作

时间:2010-03-14 00:17:46

标签: javascript stylesheet onmouseover

在一个简单的html页面中我有:

<SCRIPT>
function Clicker(number){
if (number == 1) 
document.write ('<style type="text/css">body {background-color: #cccccc;}</style>');
}
</SCRIPT>

并在html正文中:

<a onmouseclick="Clicker(1)" href="#">clic</a>

但是当我点击链接时没有任何反应。我哪里错了?

3 个答案:

答案 0 :(得分:2)

编写样式块可能不会影响背景颜色的变化。要做到这一点,你必须操纵Document对象:

<script type="text/javascript">
function Clicker(number){
if (number == 1) 
    document.body.style.background='#cccccc';
}
</script>

您的点击事件也应该是onclick:

<a onclick="Clicker(1)" href="#">clic</a>

答案 1 :(得分:1)

只需将 onmouseclick 更改为 onclick

答案 2 :(得分:0)

你需要'onclick',如下所示。

<a onclick="Clicker(1)" href="#">clic</a>