javascript开发中因空格引发的错误


Posted in Javascript onNovember 08, 2010

废话不多说,先上代码给大家看看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>依依园地</title> 
</head> 
<body> 
<div id="win"> 
<ul id="picChange"> 
<li> 
<img src="images/01.jpg" title="图片1"></li> 
<li> 
<img src="images/02.jpg" title="图片2"></li> 
<li> 
<img src="images/03.jpg" title="图片3"></li> 
</ul> 
</div> 
<script type="text/javascript"> 
var pic = document.getElementById('picChange'); 
var picList = pic.getElementsByTagName("li"); 
alert(picList[0].firstChild); 
</script> 
</body> 
</html>

以上代码1请分别在Firefox和IE中运行,Firefox出现的是 [object Text] ,而IE中出现的是[object],这里IE和Firefox都把picList[0].firstChild这个对象当作object对象,Firefox提示是Text类型对象,IE没有提示更细了。
我们再运行下面这部分的代码看看,看清楚了,代码本身相同,但是li下面没做换行缩进。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>依依园地</title> 
</head> 
<body> 
<div id="win"> 
<ul id="picChange"> 
<li><img src="images/bigpic/01.jpg" title="护腰/HY005"></li> 
<li><img src="images/bigpic/02.jpg" title="枕头吊臂/DB-004"></li> 
<li><img src="images/bigpic/03.jpg" title="大护脚/HY-001"></li> 
</ul> 
</div> 
<script type="text/javascript"> 
var pic = document.getElementById('picChange'); 
var picList = pic.getElementsByTagName("li"); 
alert(picList[0].firstChild); 
</script> 
</body> 
</html>

以上代码2请分别在Firefox和IE中运行,Firefox出现的是 [object HTMLImageElement] ,而IE中出现的是[object],这里IE和Firefox都把picList[0].firstChild这个对象当作object对象,Firefox提示是HTMLImageElement类型对象,IE没有提示更细了。
上下两种写法只是缩进和换行的差别,在IE中被认做相同的object对象,可是不同的缩进在Firefox中却代表了不同的对象,Firefox对HTML的解析实在令人费解。
再此做记录,希望各位朋友看了有用,别因为跟我一样的问题半天没找到解决问题的方法。
Javascript 相关文章推荐
javascript基础的动画教程,直观易懂
Jan 10 Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 Javascript
JavaScript 替换Html标签实现代码
Oct 14 Javascript
JavaScript 语法集锦 脚本之家基础推荐
Nov 15 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 Javascript
javascript滚轮事件基础实例讲解(37)
Feb 14 Javascript
详解Vue方法与事件
Mar 09 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
window.ActiveXObject使用说明
Nov 08 #Javascript
发布一个基于javascript的动画类 Fx.js
Nov 05 #Javascript
微博@符号的用户名提示效果。(想@到谁?)
Nov 05 #Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 #Javascript
细说浏览器特性检测(2)-通用事件检测
Nov 05 #Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 #Javascript
基于jQuery的仿flash的广告轮播
Nov 05 #Javascript
You might like
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
PHP面向对象详解(三)
2015/12/07 PHP
PHP的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
Dojo 学习要点
2010/09/03 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
vue中轮训器的使用
2019/01/27 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
python多进程实现文件下载传输功能
2018/07/28 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
运行时异常与一般异常有何异同?
2014/01/05 面试题
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
一个C/C++编程面试题
2013/11/10 面试题
应届护士求职信范文
2014/01/26 职场文书
幼儿园庆六一游园活动方案
2014/01/29 职场文书
班级标语大全
2014/06/21 职场文书
公司踏青活动方案
2014/08/16 职场文书
开平碉楼导游词
2015/02/06 职场文书
深入浅出的讲解:信号调制到底是如何实现的
2022/02/18 无线电
muduo TcpServer模块源码分析
2022/04/26 Redis