document getelementbyid 为空（document getelementbyid）

大家好，小城来为大家解答以上问题。document getelementbyid 为空，document getelementbyid很多人还不知道，现在让我们一起来看看吧！

1、让我们来看看我们的HTML代码，它非常简单，有两个控件，一个输入框和一个按钮控件。

2、我们的JS代码也很简单，就是调用document的getElementByID方法获取HTML中的dom和输入框元素，通过ID获取，然后获取它们的值，也就是输入框中的值。

3、用预警方式弹出。

4、一直以为是很简单的代码，就没太在意，直接跑页面了。点击上面的按钮。

5、点击后发现无法正常获取结果，但在控制台看到一条错误信息：TypeError: document。getElementByid不是函数。

6、GetElementByID不是有效方法？

7、仔细一看，原来我们把getElementByID方法写成了getElementById。没有什么大的错误，只是把ByID写成了大写的ById。我们的JS代码是区分大小写的。如果写的不对，肯定跑不了。

8、修改后，我们将再次运行页面并单击按钮。我们可以看到，现在页面上没有错误消息。

9、页面上的弹出信息也是正确的。修改输入框的输入，再次点击按钮，就可以得到正确的信息。

10、其实对于新手来说，我们需要非常认真的写代码。另外，我们可以使用一些IDE工具，也就是集成开发工具。在这些工具中，我们可以在点击对象的点号后得到这些对象支持的方法，点击选择方法可以避免输入错误。

11、您还可以看到这些对象支持哪些方法。

12、通过百度搜索JS开发工具可以得到很多，选自己喜欢的就好。

本文到此结束，希望对大家有所帮助。