如何使用Javascript更改表单中按钮的值

我有一张这样的表格：

<form action="#contact-form" method="post" class="th_contact-form" id="id-59907491">

<div class="form_line">
        <label for="widget-2-your-email" class="th-field-label email" style="display:none;">Your Email<span>(required)</span></label>
        <input type="text" name="widget-2-your-email" id="widget-2-your-email" placeholder="Your Email" class="email">
</div>
<div class="th_contact-submit">
        <input type="submit" value="submit" class="th_button">
</div>

您的电子邮件（必填）

我想将value=“submit”改为value=“单击此处”

---

如何使用javascript实现这一点？我没有更改表单代码的自由，因为表单代码是通过wordpress中的主题自动生成的，并且他们没有更改按钮文本的选项。

假设只有一个按钮带有

th\u按钮

类：

window.onload = function () {

    var button = document.getElementsByClassName( 'th_button' )[0];
    button.value = "Click Here";

};

---

假设只有一个按钮带有

th_按钮

类：

window.onload = function () {

    var button = document.getElementsByClassName( 'th_button' )[0];
    button.value = "Click Here";

};

---

最快的方式：

document.querySelector（“#id-59907491[type=submit]”）。value=“单击此处”

最稳定的方式：

var frm = document.getElementById('id-59907491'),
    inp = frm.getElementsByTagName('input'),
    l = inp.length, i;
for(i=0;i<l;i++) {
    if( inp[i].type == "submit") {
        inp[i].value = "click here";
        break;
    }
}

var frm=document.getElementById（'id-59907491'），
inp=frm.getElementsByTagName（'input'），
l=输入长度，i；
对于（i=0；i最快方式：
document.querySelector（“#id-59907491[type=submit]”）。value=“单击此处”

最稳定的方式：

var frm = document.getElementById('id-59907491'),
    inp = frm.getElementsByTagName('input'),
    l = inp.length, i;
for(i=0;i<l;i++) {
    if( inp[i].type == "submit") {
        inp[i].value = "click here";
        break;
    }
}

var frm=document.getElementById（'id-59907491'），
inp=frm.getElementsByTagName（'input'），
l=输入长度，i；
对于（i=0；i在IE8及以下版本中不受支持。在IE8及以下版本中不受支持。