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 相关文章推荐
js switch case default 的用法示例介绍
Oct 23 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
3种vue组件的书写形式
Nov 29 Javascript
在HTML文档中嵌入JavaScript的四种方法
May 07 Javascript
layui table设置前台过滤转义等方法
Aug 17 Javascript
JS中验证整数和小数的正则表达式
Oct 08 Javascript
JS原生带缩略图的图片切换效果
Oct 10 Javascript
jquery实现的分页显示功能示例
Aug 23 jQuery
vue项目中微信登录的实现操作
Sep 08 Javascript
用React Native制作一个简单的游戏引擎
May 27 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+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
Codeigniter框架实现获取分页数据和总条数的方法
2014/12/05 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
深入理解PHP内核(一)
2015/11/10 PHP
Smarty3配置及入门语法
2017/02/22 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
PHP递归统计系统中代码行数
2019/09/19 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
用js实现计算加载页面所用的时间
2010/04/02 Javascript
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
Vue实现移动端拖拽交换位置
2020/07/29 Javascript
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
django 创建过滤器的实例详解
2017/08/14 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
wxpython实现按钮切换界面的方法
2019/11/19 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
小学一年级评语大全
2014/04/22 职场文书
团队激励口号
2014/06/06 职场文书
买房子个人收入证明
2014/10/12 职场文书