如何在javascript中单击更改按钮文本

时间:2013-05-06 16:37:52

标签: javascript html

我必须将几个按钮的文本更改为我在“文本框”中键入的内容。当我单击第一个按钮时,文本框中的文本应该成为按钮的文本。 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语句中使用什么命令而不是使用文本框内的文本替换按钮文本的alert?我看了一遍,但找不到答案。任何帮助表示赞赏:)

1 个答案:

答案 0 :(得分:3)

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

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