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 相关文章推荐
使用jquery插件实现图片延迟加载技术详细说明
Mar 12 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
分享19个JavaScript 有用的简写写法
Jul 07 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
通过实例了解js函数中参数的传递
Jun 15 Javascript
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实现的用户查询类实例
2015/06/18 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
2013/05/15 Javascript
没有document.getElementByName方法
2013/08/19 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
javascript实例--教你实现扑克牌洗牌功能
2014/05/15 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
node.js学习之交互式解释器REPL详解
2016/12/08 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
JS实现继承的几种常用方式示例
2019/06/22 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
Python使用filetype精确判断文件类型
2017/07/02 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Python的高阶函数用法实例分析
2019/04/11 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
python机器学习实现决策树
2019/11/11 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
pytorch中的inference使用实例
2020/02/20 Python
Python是怎样处理json模块的
2020/07/16 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
详解python百行有效代码实现汉诺塔小游戏(简约版)
2020/10/30 Python
美国婚戒购物网站:Anjays Designs
2017/06/28 全球购物
银行存款证明样本
2014/01/17 职场文书
倡议书的写法
2014/08/30 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis