Событие click от javascript на кнопке не срабатывает

Итак, я прошел учебник по обработчикам событий. Я создал кнопку в соответствии с инструкциями, а затем, когда я нажимаю на нее, мне нужно отобразить предупреждение. Это оно. Но это не сработает. Вот мой HTML-код:Событие click от javascript на кнопке не срабатывает

<button id="submit">Submit</button>

А вот мой Javascript код:

var myButton = document.getElementByID("submit"); 
myButton.onclick = function(){ 
alert("YOu clicked on this button"); 
    }

Я использую внешний JS файл, и я включил его в HTML из заголовка документа.

источник

2013-08-19 user2694983

Это близко; используйте 'getElementById', а не' getElementByID' –

Используйте document.getElementById ('submit'); вместо этого –

Вам нужно научиться использовать консоль ошибок вашего браузера. Он сказал бы вам, что 'document.getElementByID' не является функцией. И как только вы исправите эту проблему, она скажет вам, что еще не так. – ruakh

document.getElementByID("submit"); - это Id вместо ID

Edit: Я чувствую себя очень плохо, за то, что это один вкладыш в качестве ответа, так, чтобы добавить к тому, что другие говорят об обучении, как использовать консоль браузера, как инструмент отладки, вы должны попытаться найти редактор IDE/текста с автозаполнением, чтобы сохранить такие головные боли, особенно когда вы только начинаете.

источник

2013-08-19 02:55:33

Итак, я понял, как использовать веб-инспектор Safari. Теперь, когда я его исправляю, он говорит: «Null не является объектом (myButton.onclick = function() { \t alert (« Вы нажали эту кнопку »);)" – user2694983

это может быть опечатка. Это getElementById не ID

источник

2013-08-19 02:56:30 Haben

Как указано выше, используйте документ.getElementById ("submit") с идентификатором нижнего регистра. Кроме того, вы можете использовать setAttribute, чтобы предупреждение срабатывало при нажатии кнопки, а не сразу открывать всплывающее окно, когда встречается сигнальная строка.

<script language="javascript"> 

    var myButton = document.getElementById("submit"); 
    myButton.setAttribute("onclick", "alert('You clicked on this button')"); 

</script>

источник

2013-08-19 03:12:12 sharpguru

Вы можете иметь вопрос, где document.getElementById() происходит до того, как элемент создается на этой странице. Попробуйте включить JavaScript в событие onload или включите его после кнопки в вашем HTML.

источник

2013-08-19 03:13:04

Это сработало. Я бы дал один голос за ваш ответ, но, видимо, для новых пользователей не допускается голосование. В любом случае, большое спасибо. – user2694983

изменить с document.getElementByID до document.getElementById и убедиться, что ваш скрипт остается ниже всех элементов в теле. Пример:

<body> 
<button id="submit">Submit</button> 

<script type="text/javascript"> 

    var myBtn = document.getElementById("submit"); 
    myBtn.onclick = function() 
    { 
     alert("this is a click event button"); 
    }; 

</script> 

</body>

или вы можете поместить скрипт внутри <head></head> путем добавления этого события ниже вашего сценарий:

function initialize() 
{ 
    // paste your code in here 
} 

document.addEventListener("DOMContentLoaded",initialize,false);

Надеется, что это работает!

источник

2013-08-19 03:24:45

Событие click от javascript на кнопке не срабатывает

ответ

Смежные вопросы