按鈕上的javascript的click事件不會觸發
[英]The click event from javascript on a button doesn't fire
問題描述
因此，我正在學習有關事件處理程序的教程。 我按照指示創建了一個按鈕，然后單擊它時，我希望顯示警報。 而已。 但這是行不通的。 這是我的html代碼：
<button id="submit">Submit</button>
這是我的JavaScript代碼：
var myButton = document.getElementByID("submit");
myButton.onclick = function(){
alert("YOu clicked on this button");
}
我正在使用外部js文件，並且已將其包含在文檔開頭的html中。
5 個解決方案
解決方案1
10 已采納 2013-08-19 02:55:33
document.getElementByID("submit"); -是Id而不是ID
編輯：我很不願意為此提供一個答案，因此，要增加其他人對學習如何使用瀏覽器控制台作為調試工具的看法，您應該嘗試找到具有以下功能的IDE /文本編輯器：完成工作可以免除您的此類頭痛，尤其是在您剛入門時。
解決方案2
1 2013-08-19 03:13:04
您可能會遇到在頁面上創建元素之前document.getElementById()發生的問題。 嘗試將JavaScript包含在onload事件中，或將其包含在HTML中的按鈕之后。
解決方案3
0 2013-08-19 02:56:30
這可能是一個錯字。 是getElementById而不是ID
解決方案4
0 2013-08-19 03:12:12
如前所述，將document.getElementById（“ submit”）與小寫ID一起使用。 另外，您可能希望使用setAttribute，以便在按下按鈕時觸發警報，而不是在遇到警報行時立即打開彈出窗口。
<script language="javascript">
var myButton = document.getElementById("submit");
myButton.setAttribute("onclick", "alert('You clicked on this button')");
</script>
解決方案5
0 2013-08-19 03:24:45
從變化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);
希望它能工作！
從javascript調用button.click（）事件不會觸發
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.