js如何修改button上的文字

Question

<button type="submit" class="buton ok but_1" id="s1">下一步</button>

如何用js修改 下一步， 点击button提交表单的时候 显示处理中

Answer 1

1．首先，打开hbuilder软件，在空白文件中写入两个button，并将id属性设置为btn1和btn2，在下面添加脚本标签以获取dom。 button1的元素，并为其button标签赋予click事件，当单击button1时，文本将更改。

2．然后，按crtl ＋ s保存，可以在浏览器中看到两个按钮。

3．接着，在右侧浏览器中单击button1的按钮，button1的文本内容将更改。

4． jQuery首先需要将jQuery导入下面的文件，然后使用jQuery的“ ＄”选择器获取button2的dom，并为其设置click事件，然后可以更改按钮的内容。

5．最后，保存后，在浏览器中单击button2，还可以观察到文本内容已更改。操作完成。

Answer 2

<input name="s1" type="submit"  id="s1" value="下一步" onclick="changeValue();" />
<script language="javascript">
function changeValue(){
    var btnVal=document.getElementById("s1");
    if(btnVal.value=="下一步")
    {
        btnVal.value="处理中…";
    }
    else
    alert("正在处理中，请您稍等。");
}
</script>

Answer 3

button有两种类型

<input type="button" id="btn1" value="按钮"/>

<button id="btn1">按钮</button>

修改方法

document.getElementById("btn1").value="新按钮";

document.getElementById("btn1").innerHtml="新按钮";

Answer 4

<button id="button">下一步</button>
修改"下一步"显示成"处理中"的话：
$("#button").text("处理中");

Answer 5

首先把下一步用div包起来
<button type="submit" class="buton ok but_1" id="s1"><div id="div">下一步<div></button>
var oBnt=document.getElementById("s1");
oBnt.onclick=function(){
var oDiv=document.getElementById("div1");
oDiv.value="处理中";
}本回答被提问者和网友采纳