Question

我有一个头部布局和一些图像。我需要在点击事件上更改图像。为此我使用 javascript 。

function changebrouse()
{
document.getElementById("browse").className = "browse";
return false;

}

借助此js图像可以更改，但点击后，页面刷新和之前的图像将会出现。

<div id="browse" class="sections_browser"><a href="<?php echo $this->url(
                            array('controller' => 'index', 'action' => 'search'),
                            'default',
                            true) ?>" onclick='changebrouse()'></a></div>

CSS

.sections_browser a
{
    width:72px;
    height:31px;
    float:left;
    background-image:url(../images/button/browse_dwn.png);
}

.browse a
{
    width:72px;
    height:31px;
    float:left;
    background-image:url(../images/button/browse_hover.png);
}

请帮忙。提前致谢。

Answer 1

尝试更改

onclick='changebrouse()'

到

onclick='return changebrouse()'

在'changebrouse'函数中，我认为类名应该是'浏览'而不是'浏览器'。

Answer 2

您需要取消点击事件。将您的onclick更改为：

< ... onclick="changebrouse(); return false;">

返回false将向浏览器发出信号以忽略该点击。

如何在点击事件上更改div类？

2 个答案: