使用图像按钮更改标签名称无效

Change label's name using image button is not working

本文关键字：标签名 无效 图像 按钮      更新时间：2023-09-26

这段代码应该在我们点击图像按钮时改变标签的名称。

这不是真的。当我仔细观察时，我观察到的一件事是:当按钮被点击时，标签会改变，但它会立即变回原始值。

当我使用正常按钮时，更改正在工作。

<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>

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

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

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

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

相关文章：