2015-06-03 30 views
0

此代码应该更改标签的名称,当我们点击图像按钮。更改标签的使用名称图像按钮不起作用

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

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

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

*当我使用普通按钮的变化反映了按钮* - 这是否意味着你不是在实际的代码中使用正常的按钮?如果是这样,你实际使用的按钮类型是什么? – BSMP

回答

2

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

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

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

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