javascript - 如何使用 Bootstrap 按钮和表单内部调用 onClick javascript 函数？

Question

调用 onClick 函数时，我无法更改 div 的 css 属性。

<h1 id="hello">hello</h1>

<div id="notification" class="alert alert-dismissible alert-success">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <strong>Well done!</strong> You successfully posted to Facebook!
</div>

<div align="center" class="col-sm-4">
    @using (Html.BeginForm("distShare", null, new { area = "" }))
    {
        <button onclick="facebookButton2()" class="btn btn-primary" type="submit">Share this to Facebook</button>
    }
</div>

function facebookButton2() {
    document.getElementById("notification").style.visibility = visible;
    document.getElementById("notification").style.color = red;
    document.getElementById("hello").style.color = red;
}

“你好”只是为了测试目的。我也尝试过使用 JQuery 和 onSubmit 函数。通知 div 开始时为可见性:隐藏。

Answer 1

我猜您传递的值应该是字符串，我真的怀疑您是否在页面中的任何位置声明了名为 visible 和 red 的 javascript 变量:

function facebookButton2() {
    document.getElementById("notification").style.visibility = 'visible';
    document.getElementById("notification").style.color = 'red';
    document.getElementById("hello").style.color = 'red';
}