Dom获取body元素出现null的问题
来源:互联网 发布:淘宝拍卖海关真的吗 编辑:程序博客网 时间:2024/05/29 04:46
在学习dom操作中,当试图获取body元素时,发现获取的对象为空,下面是我的代码:
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title></title>
- <script type="text/javascript">
- var body = document.getElementsByTagName("body").item(0);
- alert(body);
- </script>
- </head>
- <body id="body">
- <p>Hello world!</p>
- </body>
- </html>
运行,弹出null提示框。
代码很简单,原因其实也很简单,因为在执行script中的静态(全局)js脚本时,dom对象中的body元素还没有构建,所以为null。
如果把这段代码放在js函数中(区别于js静态(全局)代码),比如onload中,如下所示:
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title></title>
- <script type="text/javascript">
- window.onload = function() {
- var body = document.getElementsByTagName("body").item(0);
- alert(body);
- };
- </script>
- </head>
- <body id="body">
- <p>Hello world!</p>
- </body>
- </html>
这样就不会有问题了。
- Dom获取body元素出现null的问题
- dom元素的获取
- DOM元素的获取
- 获取元素相对于body的位置
- Javascript中的线程以及获取动态Dom元素的问题
- 没有body元素,ie的getElementById获取不到元素
- dom元素值的获取
- DOM获取元素的子元素
- 递归的应用-获取body的后代元素
- js获取元素div相对body的距离
- 动态创建dom元素、获取dom元素的属性及遍历dom元素的方法
- 获取Dom元素的X/Y坐标
- BufferedReader获取网站里的dom元素
- Dom获取元素的几种方式
- DOM获取指定的所有元素
- js获取Dom元素的属性样式
- JavaScript有三种获取DOM元素的方式
- 获取元素的三种DOM方法
- HttpURLConnection用法详解
- java中double四舍五入并设置小数点位数的问题
- 从NFS启动TQ2440
- java同步和互斥的应用:生产者消费者之爸爸妈妈儿子女儿苹果橘子编程实现
- 第十六周任务一
- Dom获取body元素出现null的问题
- 根据DataRow获取列名
- test
- 浅谈ANR及log分析ANR
- Linux内核的等待队列
- STM32中断中设置的先占式优先级与从优先级(转)
- Lua学习笔记(1)--基本知识介绍
- 二维数组名和二级指针
- tomcat启动 项目可以访问 但是 tomcat界面无法访问 解决办法