消息显示/单击按钮阻止

Question

我在标题中保留了通知按钮。 当用户单击“ Get notified它应替换为“已Notified successfully消息

CODEPEN： CODEPEN

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">

JS

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

在Codepen中，请不要输入我的代码有什么问题。

Answer 1

IT应该display而不是dispaly ，您应该提供.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
}

编码笔