Question

我不知道为什么这个功能不起作用。

HTML：

<button id="welcomehomebtnlogin" type="button" onclick="loginformfunction()">Login</button>

JavaScript的：

function loginformfunction()
{
    document.getElementById("welcomehomebtndiv").style.display = "none";
    document.getElementById("loginform").style.display = "block";
}

我想要做的是：如果用户点击＆＃34;登录＆＃34;按钮，一个表单将随display = "none"消失。该按钮是此表单的一部分，它也将消失。然后将显示第二个表格。

它不工作;任何想法为什么？

Answer 1

您的代码看起来很好，请查看下面的基本示例。

希望这有帮助。

＆＃13;

function loginformfunction()
{
    document.getElementById("welcomehomebtndiv").style.display = "none";
    document.getElementById("loginform").style.display = "block";
}

document.getElementById("welcomehomebtnlogin").addEventListener('click', loginformfunction, false);

＆＃13;

#loginform{
    display: none; 
}

＆＃13;

<div id='welcomehomebtndiv'>
  Welcome HOME div
  <button id="welcomehomebtnlogin" type="button">Login</button>
</div>

<div id='loginform'>
  Login div
</div>

＆＃13;

按钮的onclick功能无效

1 个答案: