JS开发,document.getElementByID报错

 时间:2024-10-12 11:37:32

1、先看下我们的HTML代码,很简单的两个控件,一个输入框和一个按钮控件。

JS开发,document.getElementByID报错

2、我们的JS代码也很简单的,就是调用document的getElementByID方法来获取HTML里的dom,输入框元素,通过ID来获取,然后得到其value值,即输入框里的值,用alert方法弹出来。

JS开发,document.getElementByID报错

3、一直以为这是很简单的代码,没多留意,直接运行页面。点击上面的按钮。

JS开发,document.getElementByID报错

4、点击后,却发现没能正常得到结果,反而在控制台里看到了一个报错信息:TypeError: document.getElementByID is not a functiongetElementByID不是一个有效的方法?

JS开发,document.getElementByID报错

5、仔细一看,原来是我们把getElementById方法写成getElementByID了,原来没很大的差错,但是把ById写成了大写的ByID了,我们的JS代码是区分大小写的,没写对当然会运行不了了。

JS开发,document.getElementByID报错

6、重新修正后,我们再运行页面,点击按钮,可以看到现在页面上已经没有报错信息了。

JS开发,document.getElementByID报错

7、页面上的弹出窗口信息也是正确的,修改输入框的输入,再次点击按钮,也能得到正确的信息了。

JS开发,document.getElementByID报错JS开发,document.getElementByID报错

8、其实对于初学者,我们需要非常细心的写代码。另外可以使用一些IDE工具,即集成开发工具,在这些工具里, 我们点击对象的点号后,就可以得到这些对象支持的方法了,点击碚枞凇悄选择方法,可以避免输入上的错误,又可以看到这些对象有支持哪些方法。(通过百度搜索JS开发工具就可以得到很多了,选择自己喜欢的就行了)

JS开发,document.getElementByID报错
  • Notepad++怎么关闭当前以外所有文件
  • jquery如何获取table中td值的方法
  • UltraEdit怎么启用语法彩色显示
  • C#如何获取SqlDataReader某一列的值
  • ultraedit语法颜色设置
  • 热门搜索
    童心向党手抄报图 化学手抄报 手抄报设计实用手册 关于六一的手抄报 梦想手抄报 感恩手抄报内容 关于诗歌的手抄报 中国梦手抄报内容 科普手抄报图片 我和我的祖国手抄报