2015-06-03 34 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>