使用图像按钮更改标签名称不起作用

时间:2015-06-03 00:04:06

标签: javascript html

当我们点击图片按钮时,此代码应该更改标签的名称。

这没有发生。我仔细观察时发现的一件事是:当点击按钮时,标签会发生变化,但会立即变回原始值。

当我使用普通按钮时,更改正在进行。

<html>
    <body>
        <script type="text/javascript">
            function change(n)
            {
                var e=document.getElementById("name");
                e.innerHTML='jnbjkvnkx';
            }
        </script>
        <form>
            <label for="name" style="width: 300px; padding-left: 5cm" id="name">hemanth</label>
            <input type="image" src="page31.png" onclick="change('name')">
        </form>
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

标签值不会更改,因为一旦您单击按钮,页面将刷新为新页面,其中x和y作为图像类型的坐标。

有几种方法可以解决此问题:

1。)使用input type = button并使用CSS更改按钮的背景图像。

2。)使用<a href='#' onclick='change()'><img src='page31.png'></a>