HTML 如何更改按钮文本

如果你想更改按钮的文本，HTML提供了几种方法来实现。

1. 使用button标签

<button>原本的文本</button>

你可以在button标签中添加文本来更改按钮的文本。

2. 使用input标签

<input type="button" value="原本的文本">

你可以在input标签中使用"value"属性来设置按钮的文本。

3. 使用JavaScript

<button id="myButton" onclick="changeText()">原本的文本</button>

<script>
function changeText() {
    var btn = document.getElementById("myButton");
    if (btn.innerHTML === "原本的文本") {
        btn.innerHTML = "更改后的文本";
    } else {
        btn.innerHTML = "原本的文本";
    }
}
</script>

在这个例子中，我们给按钮添加了一个onclick事件，当按钮被点击时，会调用changeText()函数。changeText()函数通过获取按钮的id来获取按钮元素，然后修改按钮的innerHTML属性来更改按钮的文本。

总的来说，以上三种方法是更改HTML按钮文本的最常用方法。