欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

document.getElementById获取控件对象为空的解决方法_基础知识

程序员文章站 2022-05-24 14:44:02
...
1.下面是一个简单的例子,页面加载时显示一段信息

复制代码 代码如下:









在页面加载之前,会输出一些信息




执行后,确实是“在页面加载前,输出了信息”。
2.下面的例子会出现document.getElementById为空的情况。
我的计划是:在页面加载时,在

的文本框中显示由后台处理来的数据,比如这里的字符串“hello, my friend!”。但是这里通过通过document.getElementById读取的是对象为空。
因为onLoad方法在页面加载之前执行,此时id="mes"对应文本框的文本框,还没有加载进去。

复制代码 代码如下:









the message is:


3.解决办法
在加载Html网页时,会加载中的所以数据。先加载

,再加载。
所以我们可在之后,在之前写入javascript就好了。程序顺序执行,执行到相应的javascript调用就可以执行。不是用onLoad方法。
代码如下:

复制代码 代码如下:





the message is: