如何使用Javascript阻止文本出現然后消失一秒鍾？

Question

我正在嘗試通過使用以下命令將文本顯示在div中

  function frenchBread(){
      var div = document.getElementById("orderBox");

      div.innerHTML = div.innerHTML + "French Bread";
  }   

我創建了一個inpute type = image，它將在onclick事件中使用此功能。 它可以工作，但是文本會在div中顯示一秒鍾，然后消失。 我不確定此問題是否與該div也位於表中這一事實有關。 抱歉，我是javascript和html的新手。

      <td>
        <div class = "order">
          <p>Your Order:</p>
          <p id = "orderBox"></p>
        </div>
      </td>

上面是div所在的表的一部分。

<input type = "image" class = "items" src ="FrenchBread.png" value = "frenchBread" onclick = "frenchBread()">

以上是我調用該函數的地方。

Answer 1

圖像輸入是服務器端圖像映射。 單擊它將提交其所在的表單。這將導致加載新頁面。

請改用按鈕。

<button type="button" onclick="..."><img ...></button>

應用CSS刪除所需的任何邊框和背景色。