Javascript 消息显示/阻止按钮单击

我在标题中保留了通知按钮。 当用户单击“获取通知”时，应将其替换为消息“已成功通知”

代码笔：

HTML

<li style="display:none" id="l1"><a href="#about">Notified soccessfully ..</a>
</li>
<li><a style="display:block" id="l2" href="#about">Email</a>
</li>
<li>
<div id="input-collection" class="input-group input-group-lg left-input-group">

---

在codepen中，donno我的代码有什么问题。

应该是

显示

而不是

显示

，您应该提供

.style

function notify()
{
    alert("hi");
    document.getElementById("l2").style.display='none'; // Changed
    document.getElementById("input-collection").style.display='none'; // Changed
    document.getElementById("l1").style.display='block'; // Changed
}

---

它应该是

显示

而不是

显示

，您应该提供

样式

function notify()
{
    alert("hi");
    document.getElementById("l2").style.display='none'; // Changed
    document.getElementById("input-collection").style.display='none'; // Changed
    document.getElementById("l1").style.display='block'; // Changed
}

---

将显示更改为显示并应用于其样式。将显示更改为显示并应用于其样式。谢谢，问题仍然存在。单击按钮时，“通知框”应替换为message@user3121782我可以看到它用邮件取代了电子邮件！你还需要什么？你能详细说明一下吗？通知框应该不见了。只有

通知成功

消息才应apear@user3121782解决方案是您想要的吗？：）让我们感谢，但问题依然存在。单击按钮时，“通知框”应替换为message@user3121782我可以看到它用邮件取代了电子邮件！你还需要什么？你能详细说明一下吗？通知框应该不见了。只有

通知成功

消息才应apear@user3121782解决方案是您想要的吗？：）让我们