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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
理解Javascript闭包
Nov 01 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
js判断手机号是否正确并返回的实现代码
Jan 17 Javascript
详解layui弹窗父子窗口之间传参数的方法
Jan 16 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
JS中的函数与对象的创建方式
May 12 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 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
php简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
Knockout text绑定DOM的使用方法
2013/11/15 Javascript
json中换行符的处理方法示例介绍
2014/06/10 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
使用JS判断页面是首次被加载还是刷新
2019/05/26 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
python实现简易云音乐播放器
2018/01/04 Python
Python初学者需要注意的事项小结(python2与python3)
2018/09/26 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
Python学习笔记之While循环用法分析
2019/08/14 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
python实现坦克大战
2020/04/24 Python
Python利用命名空间解析XML文档
2020/08/10 Python
HTML5 在canvas中绘制文本附效果图
2014/06/23 HTML / CSS
公证委托书格式
2014/09/13 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
夫妻忠诚协议范文
2014/11/16 职场文书
小学推普周活动总结
2015/05/07 职场文书
golang生成vcf通讯录格式文件详情
2022/03/25 Golang
MySQL创建管理HASH分区
2022/04/13 MySQL