当前位置: 58彩票app下载 > 关于计算机 > 正文

javascript开垦中因空格引发的不当

时间:2019-09-18 11:14来源:关于计算机
废话没多少说,先上代码给大家看看 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""; html xmlns="; head meta http-equiv="Content-Type" content="text/html; charset=utf-8"/ title依依园地

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

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<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" ";
<html xmlns=";
<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开垦中因空格引发的不当

关键词: