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

Question

我有这样的表格：

<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 ="click here"

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

Answer 1

最快的方式：document.querySelector("#id-59907491 [type=submit]").value = "click here";

最稳定的方式：

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;
    }
}

Answer 2

假设类只有一个按钮th_button：

window.onload = function () {

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

};