javascript onclick在表单中不起作用

我正在尝试使用javascript的onclick更改一个span的文本，但它不起作用。这很简单，但我不知道为什么它不起作用

<div class="subscribe_block">
   <h3><span>Stay Connected</span></h3>
   <form method="post" action="" name="subscribeForm">
    <span id="message"></span>
    <p><input type="text" id="name" placeholder="Your Name" /></p>
    <p><input type="text" id="email" placeholder="Email Id" /></p>
    <p><input type="submit" value="subscribe" onClick='document.getElementById("message").value = "Thank you for subscribing";return false;' /></p>
   </form>
  </div>

保持联系

保持联系

---

使用

'innerHTML'

而不是

'value'

只要将

value

更改为

innerHTML

即可

<div class="subscribe_block">
    <h3><span>Stay Connected</span></h3>
    <form method="post" action="" name="subscribeForm">
        <span id="message"></span>
        <p><input type="text" id="name" placeholder="Your Name" /></p>
        <p><input type="text" id="email" placeholder="Email Id" /></p>
        <p><input type="submit" value="subscribe" onClick='document.getElementById("message").innerHTML = "Thank you for subscribing";return false;' /></p>
    </form>
</div>

保持联系

在onclick函数上，尝试更改

'document.getElementById（“message”）.value=“感谢您的订阅”；返回false；'

到

---

使用

InnerHtml

将设置您的

Span

文本，但由于它将发回，因此您将无法看到任何内容。删除表单标签，然后您将能够看到它

<div class="subscribe_block">

保持联系

---

js代码在onclick中，我也尝试过，但效果不佳

 'document.getElementById("message").innerHTML = "Thank you for subscribing";return false;'

<div class="subscribe_block">

<span id="message"></span>
<p><input type="text" id="name" placeholder="Your Name" /></p>
<p><input type="text" id="email" placeholder="Email Id" /></p>
<p><input type="submit" value="subscribe"  onClick='document.getElementById("message").innerHTML= "Thank you for subscribing";return false;'  /></p>