我如何改变按钮文本点击在javascript

How do I change button text on click in javascript

本文关键字:文本 javascript 按钮 何改变 改变      更新时间:2023-09-26

我必须将几个按钮的文本更改为我在'文本框'中键入的任何内容。当我单击第一个按钮时,文本框中的文本应该成为按钮的文本。HTML代码:

          <input id="textbox" type="text" size="30" />
          <br/>
          <button id="b1">Button 1</button>
          <br/>
          <button id="b2">Button 2</button>
          <br/>
          <button id="b3">Button 3</button>
          <br/>
          <button id="b4">Button 4</button>
          <br/>
          <button id="b5">Button 5</button>
          <br/>

我知道如何在javascript中使用函数和

创建警报
          document.getElementById("b1").onclick = click;

但是我如何使文本的按钮改变?我可以在if语句内使用什么命令,而不是警告,它将用文本框内的文本替换按钮的文本?我到处都找遍了,但就是找不到答案。任何帮助都是感激的:)

您可以更改按钮文本,如:

if(condition) {
    document.getElementById("b1").innerHTML = document.getElementById("textbox").value;
}