来自javascript的单击按钮事件不会'；t火_Javascript

来自javascript的单击按钮事件不会'；t火

javascript

来自javascript的单击按钮事件不会'；t火,javascript,Javascript,所以，我正在学习一个关于事件处理程序的教程。我按照指示创建了一个按钮，然后当我单击它时，我希望显示一个警报。就这样。但这是行不通的。以下是我的html代码： <button id="submit">Submit</button> 我使用的是外部js文件，我已经从文档的开头将其包含在html中 document.getElementByID（“提交”）--它是Id而不是Id 编辑：我觉得回答这一行非常糟糕，所以要补充其他人关于如何使用浏览器控制台作为调试工具的说法，你应该

所以，我正在学习一个关于事件处理程序的教程。我按照指示创建了一个按钮，然后当我单击它时，我希望显示一个警报。就这样。但这是行不通的。以下是我的html代码：

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

我使用的是外部js文件，我已经从文档的开头将其包含在html中

document.getElementByID（“提交”）--它是Id
而不是Id

编辑：我觉得回答这一行非常糟糕，所以要补充其他人关于如何使用浏览器控制台作为调试工具的说法，你应该尝试找到一个自动完成的IDE/文本编辑器，以避免这些麻烦，特别是在你刚开始的时候。
这可能是一个打字错误。它是getElementById
而不是ID
如前所述，请使用document.getElementById（“submit”）和小写字母ID。此外，您可能希望使用setAttribute，以便在按下按钮时触发警报，而不是在遇到警报行时立即打开弹出窗口
<script language="javascript">

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

</script>


var myButton=document.getElementById（“提交”）；
setAttribute（“onclick”、“alert（'您点击了这个按钮'））；
在页面上创建元素之前，document.getElementById（）
可能会出现问题。尝试在onload事件中包含JavaScript，或者在HTML中的按钮后包含它。
将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>

希望它能起作用
 很接近；使用getElementById
，而不是getElementById
使用document.getElementById（'submit'）；相反，您需要学习使用浏览器的错误控制台。它会告诉您，document.getElementByID不是一个函数。一旦你解决了这个问题，它会告诉你还有什么问题。所以我找到了如何使用Safari web inspector。现在我纠正了它，它说“Null不是一个对象（myButton.onclick=function（）{alert（“你点击了这个按钮”）；”这很有效。我会给你的答案投一票，但显然新用户是不允许投票的。无论如何，非常感谢。
<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>

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

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