Как вызвать функцию onClick javascript с помощью кнопок начальной загрузки и внутри формы?

Question

Я не могу изменить свойства css div при вызове функции onClick.

<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

Я думаю, что значения, проходящие должны быть строками, я честно сомневаюсь, что вы объявили JavaScript переменные, называемые visible и red в любом месте вашей страницы:

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

Answer 2

Изменить функцию:

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

Смотрите, как работает здесь: http://jsbin.com/rosubazuna/1/

Answer 3

Обнаружена проблема.

«distShare» вызывал метод distShare() в моем контроллере, и этот метод возвращал меня в «новое» представление, хотя это была одна и та же страница. Я действительно обновлял страницу. Так что это технически работало, и я просто этого не понимал. Однако мне также пришлось изменить значения на строки, как предложил Дарин Димитров. Спасибо за вашу помощь!