javascript - 隐藏弹出onclick按钮

Question

一旦我们点击 login ，我们想要隐藏整个弹出框。我试过如下代码。

<div class="ajaxlogin-window">
<div id="ajaxlogin-login-window">
<!-- other code -->
<button class="button"  id="send2" id="close" onclick="window.ajaxlogin-login-window()" >
Login
</button>

我也试过 onclick="parentNode.remove()" 但它只隐藏弹出窗口的下半部分。尝试了很多其他的东西。所以尝试使用与 close 按钮相同的代码，如下所示。但对我没有任何帮助。

关闭按钮:

<a href="javascript:void(0)" class="close">Login button</a>

脚本

document.observe("dom:loaded", function() {
        var triggers = {
            login: {
                el    : $$('.ajaxlogin-login'),
                event : 'click',
                window: $('ajaxlogin-login-window'),
                size: {
                    maxWidth: 300
                }
            },

Answer 1

先给父div添加id属性

<div id="mydiv" class="ajaxlogin-window">

现在使用这个脚本

function hide() {
    document.getElementById('mydiv').style.display = 'none';
}

然后像这样给你的按钮添加onclick事件

<button class="button"  id="send2" onclick="hide()" >
Login
</button>

这应该可行