隐藏弹出的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属性

findAny

现在使用此脚本

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

然后将onclick事件添加到按钮中，就像这样

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

这应该有效

Answer 2

单击按钮时，在js弹出窗口的主div上添加display：none。

$(document).('on','click',function(){
 <div id="div1">//your main popup div like this
 document.getElementById('div1').style.display = 'none';
})