仅IE6/7/8中innerHTML返回值忽略英文空格的问题

169 阅读 0 评论 112 点赞

我是靠谱客的博主积极豌豆，最近开发中收集的这篇文章主要介绍仅IE6/7/8中innerHTML返回值忽略英文空格的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下

复制代码代码如下:

 
<div id="user"> jack</div> 
<script> 
alert(document.getElementById('user').innerHTML.length); 
</script> 

div[id=user]中的文本"jack"前有两个英文空格，各浏览器下结果如下

IE6/7/8 : 弹出4，即忽略了空格

IE9/Firefox/Safari/Chrome/Opera : 弹出6，即没有忽略空格

另换成中文空格不会有这个问题。

以下是Gray Zhang的补充：
1、IE6-8下，对于一个元素的firstChild，如果其为TextNode，且nodeValue前n个字符为空格字符（包括空格、t、n、r和一个分页符号U+000C），则这n个字符被忽略
2、在IE6-8下，对一个元素的lastChild，如果其为TextNode，且nodeValue最后n个字符为空格字符（包括空格、t、n、r和一个分页符号U+000C），则这n个字符会被合并为一个空格（ASCII码为32），无论你是t还是n，都会变成一个空格