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中的常用算法与函数
Nov 21 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
利用Angularjs中模块ui-route管理状态的方法
Dec 27 Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
原生js 封装get ,post, delete 请求的实例
Aug 11 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
Echarts实现单条折线可拖拽效果
Dec 19 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 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将文本文件转换csv输出的方法
2014/12/31 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
js 判断 enter 事件
2009/02/12 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
2013/02/05 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
2014/08/05 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
2018/11/05 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
Django框架之DRF 基于mixins来封装的视图详解
2019/07/23 Python
利用python-docx模块写批量生日邀请函
2019/08/26 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
详解Python中的路径问题
2020/09/02 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
护理专业学生的求职信范文
2013/12/11 职场文书
会计职业生涯规划书
2014/01/13 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
小学见习报告
2015/06/23 职场文书