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 =“点击此处”

如何使用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";

};

如何使用Javascript更改窗体中按钮的值

2 个答案: