僅IE6/7/8中innerHTML返回值忽略英文空格的問題
更新時(shí)間:2011年04月07日 21:47:07 作者:
僅IE6/7/8中innerHTML返回值忽略英文空格的問題,需要此問題的朋友可以參考下。
如下
<div id="user"> jack</div>
<script>
alert(document.getElementById('user').innerHTML.length);
</script>
div[id=user]中的文本"jack"前有兩個(gè)英文空格,各瀏覽器下結(jié)果如下
IE6/7/8 : 彈出4,即忽略了空格
IE9/Firefox/Safari/Chrome/Opera : 彈出6,即沒有忽略空格
另換成中文空格不會(huì)有這個(gè)問題。
以下是Gray Zhang的補(bǔ)充:
1、IE6-8下,對(duì)于一個(gè)元素的firstChild,如果其為TextNode,且nodeValue前n個(gè)字符為空格字符(包括空格、\t、\n、\r和一個(gè)分頁符號(hào)U+000C),則這n個(gè)字符被忽略
2、在IE6-8下,對(duì)一個(gè)元素的lastChild,如果其為TextNode,且nodeValue最后n個(gè)字符為空格字符(包括空格、\t、\n、\r和一個(gè)分頁符號(hào)U+000C),則這n個(gè)字符會(huì)被合并為一個(gè)空格(ASCII碼為32),無論你是\t還是\n,都會(huì)變成一個(gè)空格
復(fù)制代碼 代碼如下:
<div id="user"> jack</div>
<script>
alert(document.getElementById('user').innerHTML.length);
</script>
div[id=user]中的文本"jack"前有兩個(gè)英文空格,各瀏覽器下結(jié)果如下
IE6/7/8 : 彈出4,即忽略了空格
IE9/Firefox/Safari/Chrome/Opera : 彈出6,即沒有忽略空格
另換成中文空格不會(huì)有這個(gè)問題。
以下是Gray Zhang的補(bǔ)充:
1、IE6-8下,對(duì)于一個(gè)元素的firstChild,如果其為TextNode,且nodeValue前n個(gè)字符為空格字符(包括空格、\t、\n、\r和一個(gè)分頁符號(hào)U+000C),則這n個(gè)字符被忽略
2、在IE6-8下,對(duì)一個(gè)元素的lastChild,如果其為TextNode,且nodeValue最后n個(gè)字符為空格字符(包括空格、\t、\n、\r和一個(gè)分頁符號(hào)U+000C),則這n個(gè)字符會(huì)被合并為一個(gè)空格(ASCII碼為32),無論你是\t還是\n,都會(huì)變成一個(gè)空格
您可能感興趣的文章:
- js的.innerHTML = ""IE9下顯示有錯(cuò)誤的解決方法
- IE6-IE9不支持table.innerHTML的解決方法分享
- IE6/7/8/9中Table/Select的innerHTML不能賦值的解決方法
- Javascript在IE下設(shè)置innerHTML時(shí)出現(xiàn)未知的運(yùn)行時(shí)錯(cuò)誤的解決方法
- 解決IE下select標(biāo)簽innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- innerHTML 和 getElementsByName 在IE下面的bug 的解決
- IE bug table元素的innerHTML
- JS 動(dòng)態(tài)獲取節(jié)點(diǎn)代碼innerHTML分析 [IE,FF]
- IE 下的只讀 innerHTML
- IE innerHTML,outerHTML所引起的問題
- IE6與IE7中,innerHTML獲取param的區(qū)別
- IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
相關(guān)文章
基于JavaScript實(shí)現(xiàn)網(wǎng)頁倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)網(wǎng)頁倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼 的相關(guān)資料,需要的朋友可以參考下2015-12-12JS實(shí)現(xiàn)自動(dòng)閱讀單詞(有道單詞本添加功能)
有道單詞客戶Duan沒有自動(dòng)閱讀的功能, 本文用強(qiáng)大的js實(shí)現(xiàn)了簡(jiǎn)單的自動(dòng)下一個(gè)單詞的功能,需要的朋友可以參考下2016-11-11JavaScript 無縫上下左右滾動(dòng)加定高定寬停頓效果(兼容ie/ff)
JavaScript 指定寬度高度的無間斷滾動(dòng)實(shí)現(xiàn)代碼,這樣的效果適合作為焦點(diǎn)新聞的輪播顯示。2010-03-03微信小程序mpvue點(diǎn)擊按鈕獲取button值的方法
這篇文章主要介紹了小程序mpvue點(diǎn)擊按鈕獲取button值的方法,本文通過兩種方法,給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05JavaScript實(shí)現(xiàn)輪播圖片完整代碼
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)輪播圖片的完整代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03