Question

我还是JavaScript新手。我有一个链接到弹出窗体的按钮。我使用asp.net但我想使用一些JavaScript，所以网站不会去服务器然后回来。我想在按钮上添加一些属性，以便在用户点击它时隐藏它。我使用JavaScript编写了这段代码，但它无法运行。任何人都可以帮我解决问题吗？

这是我的JavaScript代码：

window.onload = function () {
    PrepareEventHandlers();
}

function PrepareEventHandlers() {
    var ClickHereButton = document.getElementById("modal_trigger");
    ClickHereButton.onclick = function () {
        ClickHereButton.setAttribute("diplay","none");
    };
}

这是我的按钮：

<a id="modal_trigger" href="#modal" class="btn" >Click here to Login or register</a>

我在这里使用<a>我认为它与按钮标签相同。 #modal是我的弹出窗口

这是CSS：

#modal_trigger {
    width: 100px;
    display: block;
    float: right;
    margin-top: 2px;
    margin-right: 50px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding:0px;
    height:58px;

}       `    
.btn {
    padding:10px 10px 10px 10px;
    margin:0px auto;
    background:#b0b0b0;
    outline: none;
    color:#FFF;
    font-size:14px;
}

我使用asp.net按钮制作它并且它100％正常工作。我不知道JavaScript的问题是什么。这是我的ASP.Net代码及其工作方式，但是当我尝试使用JavaScript时，它失败了。

<asp:Label ID="modal_trigger" CssClass="btn" runat="server" Text=""></asp:Label>

modal_trigger.Attributes["Style"] = "display:none";

Answer 1

<a>标记会将您导航到某个地方，您可能必须阻止对该元素的默认或使用span或div元素

拼写错误的CSS属性在设置为属性时不起作用

1 个答案: