Html 按钮文字更改

Question

我喜欢这个按钮。单击它时，按钮文本应更改为 "Updating..."。然后两秒钟后它应该更改为 "Updated!" 并且此后按钮不应可点击。

当前 Html 按钮脚本：

 <a class="btn-primary-md" id="buyButton" onclick="text = 'Updated!'">Update</a>

Answer 1

<input onclick="change()" type="button" value="Updated" id="buyButton" />

Javascript:

 function changeBtnTxt()
{
 document.getElementById("buyButton").value="Update"; 
  }

也许……

Answer 2

所以总而言之，您有一个 button/link 和您想要的 onclick：

要更改的元素的文本。
要禁用的元素。
两秒后再次更改为另一个值值。

为了提高可读性和可维护性，您可以通过从 HTML 中提取 JavaScript 来做到这一点：

var button = document.getElementById("btn");

button.addEventListener("click", function () {
 button.disabled = true;
  button.innerHTML = "Waiting...";
    
 setTimeout(function () {
   button.innerHTML = "Thank you!";
  button.disabled = false;
  }, 2000);
});

<button id="btn" type="button">
  Click me
</button>

Answer 3

<input onclick="changeBtnTxt()" type="button" value="Update" id="buyButton" />

function changeBtnTxt()
    {
    document.getElementById("buyButton").value="Updated";
   }

这是正确的！抱歉！

Html 按钮文字更改

Html button text change

html

button

wait